/* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
* <http://cherne.net/brian/resources/jquery.hoverIntent.html>
* @param  f  onMouseOver function || An object with configuration options
* @param  g  onMouseOut function  || Nothing (use configuration options object)
* @author    Brian Cherne <brian@cherne.net>*/
(function($) { $.fn.hoverIntent = function(f, g) { var cfg = { sensitivity: 7, interval: 100, timeout: 0 }; cfg = $.extend(cfg, g ? { over: f, out: g} : f); var cX, cY, pX, pY; var track = function(ev) { cX = ev.pageX; cY = ev.pageY; }; var compare = function(ev, ob) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); if ((Math.abs(pX - cX) + Math.abs(pY - cY)) < cfg.sensitivity) { $(ob).unbind("mousemove", track); ob.hoverIntent_s = 1; return cfg.over.apply(ob, [ev]); } else { pX = cX; pY = cY; ob.hoverIntent_t = setTimeout(function() { compare(ev, ob); }, cfg.interval); } }; var delay = function(ev, ob) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); ob.hoverIntent_s = 0; return cfg.out.apply(ob, [ev]); }; var handleHover = function(e) { var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget; while (p && p != this) { try { p = p.parentNode; } catch (e) { p = this; } } if (p == this) { return false; } var ev = jQuery.extend({}, e); var ob = this; if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); } if (e.type == "mouseover") { pX = ev.pageX; pY = ev.pageY; $(ob).bind("mousemove", track); if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout(function() { compare(ev, ob); }, cfg.interval); } } else { $(ob).unbind("mousemove", track); if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout(function() { delay(ev, ob); }, cfg.timeout); } } }; return this.mouseover(handleHover).mouseout(handleHover); }; })(jQuery);

/*
* Image 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*/
magazinePreview = function() {
    /* settings */
    xOffset = 280;
    yOffset = 370;
    xOffset2 = -40;
    yOffset2 = 40;
    $("#magrack li").hoverIntent(function(e) {
        /* hover */
        $("body").append("<div id='lehtihover'><img src='" + $(this).find("img").attr("src").replace("w78", "w250") + "' alt='Image preview' />");
        magazineposition(e);
    },
    /* hover out */
	function() {
	    $("#lehtihover").remove();
	});
	
	/* mouse movement */
	$("#magrack li").mousemove(function(e) {
	    magazineposition(e)
	});
};

function magazineposition(e) {
    /* normal state */
    $("#lehtihover")
			.css("top", (e.pageY - yOffset) + "px")
			.css("left", (e.pageX - xOffset) + "px");
			
    if (e.pageX < 280) {
        $("#lehtihover")
			.css("left", (e.pageX - xOffset2) + "px");
    }
    
    if ( (e.pageY - $().scrollTop()) < 370 ) {
        $("#lehtihover")
			.css("top", (e.pageY + yOffset2) + "px");
    }
}

    /* small pictures to magazine rack */
    magazinePreview();
    
    $("#magrack .carousel").jCarouselLite({ btnNext: "#magrack .next", btnPrev: "#magrack .prev", visible: 10, circular: false, rows: 2, scroll: 1 });