$.noConflict();
jQuery(document).ready(function($) {
    //Colorbox
	$("a[rel='slide']").colorbox({maxHeight:"90%",maxWidth:"95%",minHeight:548,opacity:1});
	
	
	//hover bei Installation zeige kleines vorschaubild an
	//bild hover funktoin lade text in die text box
	$.fn.modelHover = function() {
		 xOffset = 50;
		 yOffset = 500;
		 imageHeight = $(this).next().height();
		  
		 imageWidth = $(this).next().width();
		 thumbWidth = $(this).next().height();
		 windowHeight = $(window).height()-30;
		 innerBoxPos = $("#section").position();  
		
	  
		 maxPositionLeft =  Math.round(innerBoxPos.left+200); //bild position max links
		 
		
		function imageDimension(e){
			pageTop = e.pageY + xOffset;
			pageLeft = e.pageX + yOffset; 
		    
		
			imageTop = pageTop+imageHeight; //bild ist hoch pis zu px
			imageLeft = pageLeft+imageWidth; //bild ist insgesamt bis zu px breit
			
			if(imageLeft > maxPositionLeft){
				pageLeft = pageLeft-400; //richte hover bild mit dem rechten oberen rand an den mauszeiger
			}   
		  
			if(imageTop > windowHeight){
				//richte bild unten an den mauszeiger
			    pageTop =  windowHeight-imageHeight-20;
			}
			return new Array(pageTop,pageLeft);
		} 
			
		$(this).hover(function(e){
			iDem = imageDimension(e);
			pageTop = iDem[0];
			pageLeft = iDem[1];
			//verstecke lightbox link  
		   
			
			
		   thumbImg = $(this).next();
		   thumb = thumbImg.clone(); 
		   thumb.removeClass("hideme");
		   //zeige grosses bild an
		   $("#preview")
				.html(thumb)
		        .show();
			
		   			
			$("#preview")
				 .css("top", pageTop + "px")
				 .css("left",pageLeft + "px")
				 .fadeIn("fast");
		   	
		}, function (){
		   
			
			$("#preview").hide(); 
		   
			
		});
		
		//wenn man sich über ein bild bewegt soll das grosse bild sich dem cursor anpassen
		 $(this).mousemove(function(e){
				iDem = imageDimension(e);
				pageTop = iDem[0];
				pageLeft = iDem[1];
				
				$("#preview")
					.css("top",pageTop + "px")
					.css("left",pageLeft + "px");
		 }); 
		
		
	};
	$(".uebersicht").modelHover();
});