$(document).ready(function() {

    // CYCLE HEADERIMAGE
    
    $("div#fading_img").cycle({
        speed: 3000, 
        timeout: 10000,
        random: 1
    });

    // THUMBNAILS GROSS

    jQuery.fn.exists = function(){return jQuery(this).length>0;}

    xOffset = 280;
    yOffset = 10; 

	$("div.listitem .img").mousemove(function(e){
	   var ContainerID = $(this).attr("id");
	   var HoverImgID = 'pimg'+ContainerID;
	   var ImageWidth = $('#'+ContainerID+' img').attr("width");	   
       $('#hi'+ContainerID)
         .css("top",(e.pageY - xOffset) + "px")
         .css("left",(e.pageX + yOffset - (ImageWidth/2) - 100) + "px");
    });    

	$("div.listitem .img").mouseenter(
	function(e) {
	   var ContainerID = $(this).attr("id");
	   var ImageSrc = $('#'+ContainerID+' img').attr("src");
	   var ImageWidth = $('#'+ContainerID+' img').attr("width");
	   var HoverImgID = 'pimg'+ContainerID;
       var startxOffset = (e.pageY - xOffset) + "px";
       var startYOffset = (e.pageX + yOffset - (ImageWidth/2) - 100) + "px";
	   if ($('img#'+HoverImgID).exists()) {
        } else {
          $('body').append('<div class="hoverImg" id="hi'+ContainerID+'" stlyle="left:'+startxOffset+';top:'+startYOffset+';"><img id="'+HoverImgID+'" src="'+ ImageSrc +'" height="250" alt="" title="" /></div>');   
          $('#hi'+ContainerID).fadeIn(300)     
        }
 
	   return false;
	});

	$("div.listitem .img").mouseleave(
	function() {
	   var ImageID = $('div.hoverImg img').attr("id");
	   $('img#'+ImageID).parent().remove();
	   return false;
	});
    
	$("div.pslide .img").mousemove(function(e){
	   var ContainerID = $(this).attr("id");
	   var HoverImgID = 'pimg'+ContainerID;
	   var ImageWidth = $('#'+ContainerID+' img').attr("width");	   
       $('#hi'+ContainerID)
         .css("top",(e.pageY - xOffset) + "px")
         .css("left",(e.pageX + yOffset - (ImageWidth/2) - 100) + "px");
    });    

	$("div.pslide .img").mouseenter(
	function(e) {
	   var ContainerID = $(this).attr("id");
	   var ImageSrc = $('#'+ContainerID+' img').attr("src");
	   var ImageWidth = $('#'+ContainerID+' img').attr("width");
	   var HoverImgID = 'pimg'+ContainerID;
       var startxOffset = (e.pageY - xOffset) + "px";
       var startYOffset = (e.pageX + yOffset - (ImageWidth/2) - 100) + "px";
	   if ($('img#'+HoverImgID).exists()) {
        } else {
          $('body').append('<div class="hoverImg" id="hi'+ContainerID+'" stlyle="left:'+startxOffset+';top:'+startYOffset+';"><img id="'+HoverImgID+'" src="'+ ImageSrc +'" height="250" alt="" title="" /></div>');   
          $('#hi'+ContainerID).fadeIn(300)     
        }
 
	   return false;
	});

	$("div.pslide .img").mouseleave(
	function() {
	   var ImageID = $('div.hoverImg img').attr("id");
	   $('img#'+ImageID).parent().remove();
	   return false;
	});
    
    $("div#productslider").cycle({
	    fx:    'scrollHorz',
	    pause: 1,
        timeout: 9750,
        speed:  300,
        delay: -2000,
    	pager:  '#pslidepager'
    });
    
});