$(document).ready(function(){ 

$("#img_comp").css('opacity', 0.5);
$("#img_graph").css('opacity', 0.5);
$("#img_shester").css('opacity', 0.5);

//-------------------------------------------IT

		$("#navigation .it_menu").hover(function(){
			$("#img_comp").stop(true,true);
			$("#img_comp").animate({opacity: "1"}, "normal");
			$("#menu_it").css('background', "#c96767");	
		},	function(){
			$("#img_comp").animate({opacity:"+=0"}, 100).animate({opacity: "0.5"}, "slow");
			$("#menu_it").css('background', "#e6b8b8");	
		})		

		/*$("#menu_it").hover(function(){		
			$(this).css('background', "#c96767");		
		},	function(){
			$(this).css('background', "#e6b8b8");			
		})*/	
		
		$(".menu_description_it").hover(function(){
			$("#img_comp").stop(true,true);
			$("#img_comp").animate({opacity: "1"}, "normal");	
			$("#menu_it").css('background', "#c96767");	
		},	function(){
			$("#img_comp").animate({opacity:"+=0"}, 100).animate({opacity: "0.5"}, "slow");
			$("#menu_it").css('background', "#e6b8b8");
		})
		
		$("#img_comp").hover(function(){
			$(this).stop(true,true);
			$(this).animate({opacity: "1"}, "normal");	
			$("#menu_it").css('background', "#c96767");	
		},	function(){
			$(this).animate({opacity:"+=0"}, 100).animate({opacity: "0.5"}, "slow");	
			$("#menu_it").css('background', "#e6b8b8");
		})

//-------------------------------------------Consulting
		
		$("#navigation .consulting_menu").hover(function(){
			$("#img_graph").stop(true,true);
			$("#img_graph").animate({opacity: "1"}, "normal");	
			$("#menu_consulting").css('background', "#67c970");
		},	function(){
			$("#img_graph").animate({opacity:"+=0"}, 100).animate({opacity: "0.5"}, "slow");
			$("#menu_consulting").css('background', "#b8e6bc");
		})
		
		/*$("#menu_consulting").hover(function(){		
			$(this).css('background', "#67c970");		
		},	function(){
			$(this).css('background', "#b8e6bc");			
		})*/
		
		$(".menu_description_consulting").hover(function(){
			$("#img_graph").stop(true,true);
			$("#img_graph").animate({opacity: "1"}, "normal");		
			$("#menu_consulting").css('background', "#67c970");
		},	function(){
			$("#img_graph").animate({opacity:"+=0"}, 100).animate({opacity: "0.5"}, "slow");
$("#menu_consulting").css('background', "#b8e6bc");			
		})
		
		$("#img_graph").hover(function(){
			$(this).stop(true,true);
			$(this).animate({opacity: "1"}, "normal");		
			$("#menu_consulting").css('background', "#67c970");
		},	function(){
			$(this).animate({opacity:"+=0"}, 100).animate({opacity: "0.5"}, "slow");
$("#menu_consulting").css('background', "#b8e6bc");			
		})
		
//-------------------------------------------Automatization		

$("#navigation .automatization_menu").hover(function(){
			$("#img_shester").stop(true,true);
			$("#img_shester").animate({opacity: "1"}, "normal");		
			$("#menu_automatization").css('background', "#7067ca");			
		},	function(){
			$("#img_shester").animate({opacity:"+=0"}, 100).animate({opacity: "0.5"}, "slow");
			$("#menu_automatization").css('background', "#bcb8e6");			
		})
		
		/*$("#menu_automatization").hover(function(){		
			$(this).css('background', "#7067ca");		
		},	function(){
			$(this).css('background', "#bcb8e6");			
		})*/
		
		$(".menu_description_automatization").hover(function(){	
			$("#img_shester").stop(true,true);
			$("#img_shester").animate({opacity: "1"}, "normal");
			$("#menu_automatization").css('background', "#7067ca");
		},	function(){
			$("#img_shester").animate({opacity:"+=0"}, 100).animate({opacity: "0.5"}, "slow");
			$("#menu_automatization").css('background', "#bcb8e6");
		})
		
		$("#img_shester").hover(function(){	
			$(this).stop(true,true);
			$(this).animate({opacity: "1"}, "normal");
			$("#menu_automatization").css('background', "#7067ca");
		},	function(){
			$(this).animate({opacity:"+=0"}, 100).animate({opacity: "0.5"}, "slow");
			$("#menu_automatization").css('background', "#bcb8e6");			
		})
});

function htext() {
					if(document.getElementById('arrows').innerHTML=='>>')
					{
						document.getElementById('htext').style.display="block";
						document.getElementById('arrows').innerHTML='<<';
					}
					else
					{
						document.getElementById('htext').style.display="none";
						document.getElementById('arrows').innerHTML='>>';
					}
				}