this.screenshotPreview = function(){
	xOffsetForPreview = 370;
	yOffsetForPreview = -150;

	jQuery("a.preview").hover(function(e){
		this.t = this.title;
		this.title = "";
		var c = (this.t != "") ? "<br/>" + this.t : "";
		jQuery("body").append("<div id='preview'><img src='"+ this.rel +"' alt='Loading'/>"+ c +"</div>");
		jQuery("#preview")
			.css("top",(e.pageY - xOffsetForPreview) + "px")
			.css("left",(e.pageX + yOffsetForPreview) + "px")
			.fadeIn("slow");
    },
	function(){
		this.title = this.t;
		jQuery("#preview").remove();
    });
	jQuery("a.preview").mousemove(function(e){
		jQuery("#preview")
			.css("top",(e.pageY - xOffsetForPreview) + "px")
			.css("left",(e.pageX + yOffsetForPreview) + "px");
	});

    xOffsetForSwatchImage = 450;
    yOffsetForSwatchImage = -250;

    jQuery("div.swatchImagePreview").hover(function(e){
        this.t = this.title;
        this.title = "";
        var c = (this.t != "") ? "<br/>" + this.t : "";
        var rel = jQuery("#" + this.id).attr("rel");
        jQuery("body").append("<div id='preview' style='width: 500px;'><img src='"+ rel +"' alt='Loading'/>"+ c +"</div>");
        jQuery("#preview")
            .css("top",(e.pageY - xOffsetForSwatchImage) + "px")
            .css("left",(e.pageX + yOffsetForSwatchImage) + "px")
            .fadeIn("slow");
    },
    function(){
        this.title = this.t;
        jQuery("#preview").remove();
    });
    jQuery("div.swatchImagePreview").mousemove(function(e){
        jQuery("#preview")
            .css("top",(e.pageY - xOffsetForSwatchImage) + "px")
            .css("left",(e.pageX + yOffsetForSwatchImage) + "px");
    });

    xOffsetForSwatchColor = 370;
    yOffsetForSwatchColor = -250;

    jQuery("div.swatchColorPreview").hover(function(e){
        this.t = this.title;
        this.title = "";
        var c = (this.t != "") ? "<br/>" + this.t : "";
        var rel = jQuery("#" + this.id).attr("rel");
        jQuery("body").append("<div id='preview' style='width: 500px;'><div style='width: 100%; height: 300px; background-color: " + rel + "'></div>"+ c +"</div>");
        jQuery("#preview")
            .css("top",(e.pageY - xOffsetForSwatchColor) + "px")
            .css("left",(e.pageX + yOffsetForSwatchColor) + "px")
            .fadeIn("slow");
    },
    function(){
        this.title = this.t;
        jQuery("#preview").remove();
    });
    jQuery("div.swatchColorPreview").mousemove(function(e){
        jQuery("#preview")
            .css("top",(e.pageY - xOffsetForSwatchColor) + "px")
            .css("left",(e.pageX + yOffsetForSwatchColor) + "px");
    });
};

jQuery(document).ready(function(){
	screenshotPreview();
});