$(document).ready(function(){ 
   
$("div.header_foot_left ul>li:first , div.header_foot_right li:first , ul.thumbs_slider li:first").addClass("active");
first = $("ul.thumbs_slider").find("li:first").attr("id");
last = $("ul.thumbs_slider").find("li:last").attr("id");

	$("ul.thumbs_slider li").click(function (){
			pid = $(this).attr("id");			
			$(this).parent().find("li[class=active]").removeClass();
			$(this).addClass("active");
			changeImg(pid);
			changeText(pid);					
	})
	
	function changeImg (id) {
		
		$(".pictures_slide").find("li.active").animate({opacity: 0}, 300 ,function(){
			$(this).removeClass("active");
		});
		$(".pictures_slide").children("li[id=" + id + "]").animate({opacity: 1}, 300 ,function(){
			$(this).addClass("active");
		});
	
	}
	
	function changeText (id) {
		
		$(".header_foot_left").find("li.active").animate({opacity: 0}, 300 ,function(){
			$(this).removeClass("active");
		});
		$(".header_foot_left ul").children("li[id=" + id + "]").animate({opacity: 1}, 300 ,function(){
			$(this).addClass("active");
		});
		
		
	
	}
	
	$("div.header_arrow_down").click(function(){
	currtop = $("ul.thumbs_slider").position();
	id = $("ul.thumbs_slider").find("li[class=active]").next().attr("id");
	nid = $("ul.thumbs_slider").find("li[class=active]").attr("id");
	//alert(parseInt(id)<=parseInt(last));
	if (parseInt(nid)!=parseInt(last)) {  
	$("ul[class=thumbs_slider]").find(".active").next().addClass("active").prev().removeClass("active");
	changeImg (id);
	changeText (id);	
	$("ul.thumbs_slider").animate({top:currtop.top - 85 + 'px'}, 500 ,function(){});	
	} 
	})
	
	$("div.header_arrow_up").click(function(){

	id = $("ul.thumbs_slider").find("li[class=active]").prev().attr("id");
	nid = $("ul.thumbs_slider").find("li[class=active]").attr("id");
	
		if (parseInt(nid)!=parseInt(first)) { 
	currtop = $("ul.thumbs_slider").position();		
	$("ul[class=thumbs_slider]").find(".active").prev().addClass("active").next().removeClass("active");	
	changeImg (id);
	changeText (id);
	$("ul.thumbs_slider").animate({top:currtop.top + 85 + 'px'}, 500 ,function(){});
	} 
	
	
	
	
	})
	
	
})