var _h=0;

$(document).ready(function(){
	
	/* $(".items>li").each(function(i){_h += $(this).height()}) */

if($.browser.safari) $(".handle").css("left","1px");
if($.browser.msie) $(".handle").css("left","0px");


})
function handle(delta) {
		if (delta > 0) {		
			if( parseInt($(".handle").css("left")) >= 10 ) $(".handle").css("left", parseInt($(".handle").css("left")) - 10 + "px");
		}
		else 
			if( parseInt($(".handle").css("left")) <= 510 ) $(".handle").css("left", parseInt($(".handle").css("left")) + 10 + "px");
		
		$("#blogSlide>.items").css("top", Math.round(-1 * ((_h-345)/520) * parseInt($(".handle").css("left"))))
}
function wheel(event){
        var delta = 0;
        if (!event) /* For IE. */
                event = window.event;
        if (event.wheelDelta) { /* IE/Opera. */
                delta = event.wheelDelta/120;
                if (window.opera)
                        delta = -delta;
        } else if (event.detail) { 
                delta = -event.detail/3;
        }

        if (delta) handle(delta);
}
$(window).load(function(){
	if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false);
	window.onmousewheel = document.onmousewheel = wheel;
	$(".items").each(function(i){_h += $(this).height()})
		/*slider*/	
	$(".handle").draggable({
		axis : "x",
		containment : "parent",
		drag : function(){
			$("#blogSlide>.items").css("top", Math.round(-1 * ((_h-315)/520) * parseInt($(this).css("left"))))

		}
	});
})