this.cercevePreview = function(){	

	var	xOffset = 40;

	var	yOffset = 150;

        

	$("div.cerceveresmi").hover(function(e){

        var kod=$(this).find("img").attr("id");

		$("body").append("<p id='preview'><img src='../frames/tooltip/10/"+ kod +".jpg' alt='Önizleme' /><br>"  + kod + "</p>");								 

		$("#preview").css("top",(e.pageY - yOffset) + "px").css("left",(e.pageX + xOffset) + "px").fadeIn(300);						


    },function(){
        
        $("#preview").fadeOut("fast",$("#preview").remove());

    });	



	$("div.cerceveresmi").mousemove(function(e){

		$("#preview").css("top",(e.pageY - yOffset) + "px").css("left",(e.pageX + xOffset) + "px");

	});			



};




this.flashimagePreview = function(){	

	var	xOffset = 40;

	var	yOffset = 150;

        

	$("div.resimboxi").hover(function(e){

//        alert($(this).find("img.listingProductImage").attr("class"));
        var src=$(this).find("img.urunresmidirbu").attr("src");

        //$("#debug").html("src= " + src);
		$("body").append("<p id='preview'><img src='"+ src +"' alt='Önizleme' /></p>");								 

		$("#preview").css("top",(e.pageY - yOffset) + "px").css("left",(e.pageX + xOffset) + "px").fadeIn(300);						



    },function(){
        
        $("#preview").fadeOut("fast",$("#preview").remove());

    });	



	$("div.resimboxi").mousemove(function(e){

		$("#preview").css("top",(e.pageY - yOffset) + "px").css("left",(e.pageX + xOffset) + "px");

	});			



};





var previewselector="img.previewcie";

//var previewselector="img[rel=prev]";

this.imagePreview = function(){	

	var	xOffset = 40;

	var	yOffset = 150;

        

	$(previewselector).hover(function(e){



		$("body").append("<p id='preview'><img src='"+ this.src +"' alt='Önizleme' /></p>");								 



		$("#preview")



			.css("top",(e.pageY - yOffset) + "px")



			.css("left",(e.pageX + xOffset) + "px")



			.fadeIn(300);						



    },



	function(){

		$("#preview").fadeOut("fast",$("#preview").remove());



    });	



	$(previewselector).mousemove(function(e){



		$("#preview")



			.css("top",(e.pageY - yOffset) + "px")



			.css("left",(e.pageX + xOffset) + "px");



	});			



};











// starting the script on page load



$(document).ready(function(){
//    cercevePreview();  // her çerçeve yüklenince bind gerekli

    flashimagePreview();
    
	imagePreview();


});