/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 
this.imagePreview = function(){	

		xOffset = 100;
		yOffset = 30;
    var MyTitle='';

    $("a.preview").hover(function(e){
            MyTitle = this.name;
            var c = (MyTitle != "") ? "<br/>" + MyTitle : "";
            $("body").append("<p id='preview'><img src='"+ this.href +"' alt='"+MyTitle+"' />"+ c +"</p>");								 
            $("#preview")
              .css("top",(e.pageY - xOffset) + "px")
              .css("left",(e.pageX + yOffset) + "px")
              .fadeIn("fast");						
        },
        function(){	
            $("#preview").remove();
        });	
        $("a.preview").mousemove(function(e){
            $("#preview")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px");
        });			
};

/*this.tooltip = function(){	  	
		var xOffset = 10, yOffset = 10;		
	$("a.tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";
    $("body").append(popup_tooltip(this.t));
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn(400);		
    },
    function(){
        this.title = this.t;
        $("#tooltip").remove();
    });	
    $("a.tooltip").mousemove(function(e){
        $("#tooltip")
        .css("top",(e.pageY - xOffset) + "px")
        .css("left",(e.pageX + yOffset) + "px");
    });			
};*/

this.tooltip = function(){	  	
		var xOffset = 10, yOffset = 10, MyTitle='';		
    $("a.tooltip").hover(function(e){											  
		MyTitle = this.name;
    $("body").append(popup_tooltip(MyTitle));
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn(400);		
    },
    function(){
        $("#tooltip").remove();
    });	
    $("a.tooltip").mousemove(function(e){
        $("#tooltip")
        .css("top",(e.pageY - xOffset) + "px")
        .css("left",(e.pageX + yOffset) + "px");
    });			
};

function popup_tooltip(msg){
    var Str = "<table id=\"tooltip\" class=\"popup\" cellpadding=\"0\" cellspacing=\"0\">"+
              "<tbody><tr><td id=\"topleft\" class=\"corner1\"></td>"+
              "<td class=\"top\"></td>"+
              "<td id=\"topright\" class=\"corner\"></td>"+
              "</tr><tr><td class=\"left\"></td><td>"+
              "<table class=\"popup-contents\">"+
              "  <tbody><tr>"+
              "  <td>"+msg+"</td>"+
              "  </tr>"+
              "  </tbody>"+
              "</table>"+
              "</td>"+
              "<td class=\"right\"></td>"+    
              "</tr><tr><td class=\"corner\" id=\"bottomleft\"></td>"+
              "<td class=\"bottom\"></td>"+
              "<td id=\"bottomright\" class=\"corner\"></td>"+
              "</tr></tbody>"+
              "</table>";
    return Str;
}

// starting the script on page load
//$(document).ready(function(){
	//imagePreview();
  //tooltip();
//});