$(document).ready(function(){

	var root=$('.header .carusel');
	var next=$('.c_next', root);
	var prev=$('.c_prew', root);
	var clip=$('ul.c_list', root);
	var sizeItem=$('ul.c_list li', root).size();
	
	// default option
	clip.css("left", "0");
	var itemWidth=$('ul.c_list li', root).width()+4;
	var i=0;
	
	// events
	next.click(function(){
		if(i+3<sizeItem){
			clip.animate({
				left: "-="+itemWidth
			})
			i+=1;
		}
			
		return false;
	})
	
	prev.click(function(){
		if((i>0)){
			clip.animate({
				left: "+="+itemWidth
			})
			i-=1;
		}
		return false;
	})
	
	
	//// Для страницы "История" сертификат
	var root1=$('#a_carusel1');
	var next1=$('.a_c_next', root1);
	var prev1=$('.a_c_prew', root1);
	var clip1=$('ul.a_c_list', root1);
	var sizeItem1=$('ul.a_c_list li', root1).size();
	
	// default option
	clip1.css("left", "0");
	var itemWidth1=$('ul.a_c_list li', root1).width()+4;
	var j=0;
	
	// events
	next1.click(function(){
		if(j+2<sizeItem1){
			clip1.animate({
				left: "-="+itemWidth1
			})
			j+=1;
		}
			
		return false;
	})
	
	prev1.click(function(){
		if((j>0)){
			clip1.animate({
				left: "+="+itemWidth1
			})
			j-=1;
		}
		return false;
	})
	
	///////////////
	
	//// Для страницы "История" дипломы
	var root2=$('#a_carusel2');
	var next2=$('.a_c_next', root2);
	var prev2=$('.a_c_prew', root2);
	var clip2=$('ul.a_c_list', root2);
	var sizeItem2=$('ul.a_c_list li', root2).size();
	
	// default option
	clip2.css("left", "0");
	var itemWidth2=$('ul.a_c_list li', root2).width()+4;
	var k=0;
	
	// events
	next2.click(function(){
		if(k+2<sizeItem2){
			clip2.animate({
				left: "-="+itemWidth2
			})
			k+=1;
		}
			
		return false;
	})
	
	prev2.click(function(){
		if((k>0)){
			clip2.animate({
				left: "+="+itemWidth2
			})
			k-=1;
		}
		return false;
	})
	
	///////////////
	
	//// Для страницы "История" свидетельства
	var root3=$('#a_carusel3');
	var next3=$('.a_c_next', root3);
	var prev3=$('.a_c_prew', root3);
	var clip3=$('ul.a_c_list', root3);
	var sizeItem3=$('ul.a_c_list li', root3).size();
	
	// default option
	clip3.css("left", "0");
	var itemWidth3=$('ul.a_c_list li', root3).width()+4;
	var l=0;
	
	// events
	next3.click(function(){
		if(l+2<sizeItem3){
			clip3.animate({
				left: "-="+itemWidth3
			})
			l+=1;
		}
			
		return false;
	})
	
	prev3.click(function(){
		if((l>0)){
			clip3.animate({
				left: "+="+itemWidth3
			})
			l-=1;
		}
		return false;
	})
	
	///////////////
	
	$('.nav > li').bind('mouseover',  function(){
        $(this).find('ul').css('display', 'block');
    });
                  
    $('.nav > li').bind('mouseleave',  function(){
        $(this).find('ul').css('display', 'none');
    });
	
})