var thumb_top=0;
var thumb_left=0;
var speed = 700;
var timeout;
var cycle_speed = 5000;
$(function(){
	$(".left_panel").bind('mousewheel',function(event, delta) {
		if (delta > 0){
			slideUp();
		} else {
			slideDown();
		}
		return false;
	});

	$(".slide_img a").hover(function(){
		winWdt=$(document).width();
		marginLeft=(winWdt-1003)/2;
		position=$(this).position();
		leftMrg=parseInt(position.left-marginLeft)-20;
		rightMrg=1003-parseInt(position.left-marginLeft)-193;
		if(leftMrg<500){
			$(".slide_bar_title div").css('float','left');
			$(".slide_bar_title div").css('margin-left',leftMrg+'px');

		}
		else{
			$(".slide_bar_title div").css('float','right');
			$(".slide_bar_title div").css('margin-right',rightMrg+'px');

		}
		$(".slide_bar_title div").text( $(this).attr("title") );
	},function(){
		$(".slide_bar_title div").text("");
	})

	var image_qty = $(".thumb_slider .thumb_img").size();

	function slideDown(){
		clearTimeout(timeout);
		if( thumb_top <= (1-image_qty)*88) return false;
		thumb_top -= 88;
		thumb_left -= 425;
		$(".thumb_slider").animate({top: thumb_top+"px"},speed)
		$(".slideshow").animate({left: thumb_left+"px"},speed)
	}
	function slideUp(){
		clearTimeout(timeout);
		if(thumb_top >= 0) return false;;
		thumb_top += 88;
		thumb_left += 425;
		//if(top >= 0){ $(this).hide(); }
		$(".thumb_slider").animate({top: thumb_top+"px"},speed)
		$(".slideshow").animate({left: thumb_left+"px"},speed)
	}
	$(".down a").bind("click",function(){
		slideDown();
		return false;
	});
	$(".up a").bind("click",function(){
		slideUp()
		return false;
	});
	$(".thumb_img").bind("click",function(){
		clearTimeout(timeout);
		var index = $(".thumb_img").index( $(this) )
		thumb_top = -index*88;
		thumb_left = -index*425;
		$(".thumb_slider").animate({top: thumb_top+"px"},speed)
		$(".slideshow").animate({left: thumb_left+"px"},speed)
		return false;
	})
	timeout = setTimeout("cycle("+image_qty+")",cycle_speed);
    
	function gotoSlide(index){
		clearTimeout(timeout);
		thumb_top = -index*88;
		thumb_left = -index*425;
		$(".thumb_slider").animate({top: thumb_top+"px"},speed)
		$(".slideshow").animate({left: thumb_left+"px"},speed)
		return false;
	}
	var index = $("#startOfSlide").val();
	gotoSlide(index);
})
function cycle(image_qty){
	if( thumb_top <= (1-image_qty)*88){
		thumb_top = 0;
		thumb_left = 0;
	}else{
		thumb_top -= 88;
		thumb_left -= 425;
	}
	$(".thumb_slider").animate({top: thumb_top+"px"},speed)
	$(".slideshow").animate({left: thumb_left+"px"},speed,function(){
		timeout = setTimeout("cycle("+image_qty+")",cycle_speed);
	})
}
$(function() {
	$("div.scrollable").scrollable({
		size: 5,
		items: '#thumbs',  
		navi: '.navi',
		hoverClass: 'hover',
		interval: 0,
		speed: 800,
		loop: false
	});
	var api = $("div.scrollable").scrollable(); 
	$(".navi").width(Math.ceil(api.getSize()/4)*(8+6));
});
$(function() {
	if($("a.lightbox").attr('class') == 'lightbox') {
	    $('a.lightbox').lightBox({
	        imageLoading: '/images/lightbox-ico-loading.gif',
	        imageBtnClose: '/images/lightbox-btn-close.gif',
	        imageBtnPrev: '/images/lightbox-btn-prev.gif',
	        imageBtnNext: '/images/lightbox-btn-next.gif',
	        imageBlank: '/images/lightbox-blank.gif'
	    }); // Select all links with lightbox class
	}
});