/*
 * Url preview script 
 * written by Alen Grakalic (http://cssglobe.com)
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 */
 
this.screenshotPreview = function(){	
    /* CONFIG */
		
    xOffset = 20;
    yOffset = 22;
		
    // these 2 variable determine popup's distance from the cursor
    // you might want to adjust to get the right result
		
    /* END CONFIG */
//    $(".screenshot").live("mouseover", function(e){
//        this.t = this.title;
//        this.title = "";
//        $("body").append("<p id='screenshot'><img src='"+ $(this).attr('rel') +"' alt='Screenshot' /></p>");
//        $("#screenshot")
//        .css("top",(e.pageY - xOffset) + "px")
//        .css("left",(e.pageX + yOffset) + "px")
//        .fadeIn("fast");
//    });
//    $(".screenshot").live("mouseout", function(e){
//        this.title = this.t;
//        $("#screenshot").remove();
//    });
    
        
    // TIPS
    $(".screenshot").live("mouseover", function(){
        this.t = this.title;
        this.title = "";
        $("body").append("<p id='screenshot'><img src='"+ $(this).attr('rel') +"' alt='Screenshot' /></p>");
        $("#screenshot").fadeIn("fast");
    });
    
    $(".screenshot").live("mouseout", function() {
         this.title = this.t;
        $("#screenshot").remove();
    });
    
    $(".screenshot").live("mousemove", function(e) {
        var tip = $("#screenshot");
        var mousex = e.pageX + 20; //Get X coodrinates
        var mousey = e.pageY + 20; //Get Y coordinates
        var tipWidth = tip.width(); //Find width of tooltip
        var tipHeight = tip.height(); //Find height of tooltip

        //Distance of element from the right edge of viewport
        var tipVisX = $(window).width() - (mousex + tipWidth);
        //Distance of element from the bottom of viewport
        var tipVisY = $(window).height() - (mousey + tipHeight);

        if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
            mousex = e.pageX - tipWidth - 20;
        }
        if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
            mousey = e.pageY - tipHeight - 20;
        }
        //Absolute position the tooltip according to mouse position
        tip.css({
            top: mousey,
            left: mousex
        });
    });
        
};


$(document).ready(function(){
						   
    screenshotPreview();

	
}); //close doc ready


//////////////////// scroll by jquery ////////////////////////////////////////////////////////////////////////////
jQuery.getPos = function (e)
{
    var l = 0;
    var t  = 0;
    var w = jQuery.intval(jQuery.css(e,'width'));
    var h = jQuery.intval(jQuery.css(e,'height'));
    var wb = e.offsetWidth;
    var hb = e.offsetHeight;
    while (e.offsetParent){
        l += e.offsetLeft + (e.currentStyle?jQuery.intval(e.currentStyle.borderLeftWidth):0);
        t += e.offsetTop  + (e.currentStyle?jQuery.intval(e.currentStyle.borderTopWidth):0);
        e = e.offsetParent;
    }
    l += e.offsetLeft + (e.currentStyle?jQuery.intval(e.currentStyle.borderLeftWidth):0);
    t  += e.offsetTop  + (e.currentStyle?jQuery.intval(e.currentStyle.borderTopWidth):0);
    return {
        x:l, 
        y:t, 
        w:w, 
        h:h, 
        wb:wb, 
        hb:hb
    };
};
jQuery.getClient = function(e)
{
    if (e) {
        w = e.clientWidth;
        h = e.clientHeight;
    } else {
        w = (window.innerWidth) ? window.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.offsetWidth;
        h = (window.innerHeight) ? window.innerHeight : (document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body.offsetHeight;
    }
    return {
        w:w,
        h:h
    };
};
jQuery.getScroll = function (e) 
{
    if (e) {
        t = e.scrollTop;
        l = e.scrollLeft;
        w = e.scrollWidth;
        h = e.scrollHeight;
    } else  {
        if (document.documentElement && document.documentElement.scrollTop) {
            t = document.documentElement.scrollTop;
            l = document.documentElement.scrollLeft;
            w = document.documentElement.scrollWidth;
            h = document.documentElement.scrollHeight;
        } else if (document.body) {
            t = document.body.scrollTop;
            l = document.body.scrollLeft;
            w = document.body.scrollWidth;
            h = document.body.scrollHeight;
        }
    }
    return {
        t: t, 
        l: l, 
        w: w, 
        h: h
    };
};

jQuery.intval = function (v)
{
    v = parseInt(v);
    return isNaN(v) ? 0 : v;
};

jQuery.fn.ScrollTo = function(s) {
    o = jQuery.speed(s);
    return this.each(function(){
        new jQuery.fx.ScrollTo(this, o);
    });
};

jQuery.fx.ScrollTo = function (e, o)
{
    var z = this;
    z.o = o;
    z.e = e;
    z.p = jQuery.getPos(e);
    z.s = jQuery.getScroll();
    z.clear = function(){
        clearInterval(z.timer);
        z.timer=null
        };
    z.t=(new Date).getTime();
    z.step = function(){
        var t = (new Date).getTime();
        var p = (t - z.t) / z.o.duration;
        if (t >= z.o.duration+z.t) {
            z.clear();
            setTimeout(function(){
                z.scroll(z.p.y, z.p.x)
                },13);
        } else {
            st = ((-Math.cos(p*Math.PI)/2) + 0.5) * (z.p.y-z.s.t) + z.s.t;
            sl = ((-Math.cos(p*Math.PI)/2) + 0.5) * (z.p.x-z.s.l) + z.s.l;
            z.scroll(st, sl);
        }
    };
    z.scroll = function (t, l){
        window.scrollTo(l, t)
        };
    z.timer=setInterval(function(){
        z.step();
    },13);
};