/*
 * Banner Rotation
 */

function random_banner(){
  var i=0;
  banners = new Array();
  banners[0] = '<a href="servicegutschein2010.jsp" rel="images/content/Winter2010/stage_startseite_WI_1.jpg"><img class="rightbanner" alt="Servicegutschein" src="images/content/Winter2010/Banner_rechts_30Euro.jpg"></a>';
  banners[1] = '<a class="loupe" href="dreipluseins2010.jsp" rel="images/content/Winter2010/stage_startseite_WI_2.jpg"><img class="rightbanner" alt="3 plus 1" src="images/content/Winter2010/Banner_rechts_3+1.jpg"></a>';
  today = new Date();
  i=today.getSeconds();
  n=banners.length;
  return banners[i-Math.round((i-1)/n)*n];
}
/*
 * Lupenfunktion
 * 
 * Die Lupenfunktion basiert auf dem Script von Alen Grakalic (http://cssglobe.com),
 * weitere Information sind unter http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 * zu finden
 * 
 */

this.loupePreview = function(){	
	/* Konfiguration der distanz vom Mauszeiger */
		xOffset = -30;
		yOffset = -600;
	/* Ende konfiguratione */
	$("a.loupe").hover(function(e){
		this.t = this.title;
		//this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='loupe'><img src='"+ this.rel +"' alt='Image preview' />"+ c +"</p>");								 
		$("#loupe")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#loupe").remove();
    });	
	$("a.loupe").mousemove(function(e){
		$("#loupe")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});
};

$(document).ready(function(){
	loupePreview();
});