// JavaScript Document
$(function(){
		$('#comp1').mouseover(function(){
			$('#nav_mid_hover').css( {backgroundPosition: "0px -330px"} );
		});
		$('#comp1').mouseout(function(){
			$('#nav_mid_hover').css( {backgroundPosition: "0px 110px"} );
		});

		$('#comp2').mouseover(function(){
			$('#nav_mid_hover').css( {backgroundPosition: "0px -220px"} );
		});
		$('#comp2').mouseout(function(){
			$('#nav_mid_hover').css( {backgroundPosition: "0px 110px"} );
		});
		
		$('#comp3').mouseover(function(){
		$('#nav_mid_hover').css( {backgroundPosition: "0px -110px"} );
		});
		$('#comp3').mouseout(function(){
			$('#nav_mid_hover').css( {backgroundPosition: "0px 110px"} );
		});
		
		$('#comp4').mouseover(function(){
		$('#nav_mid_hover').css( {backgroundPosition: "0px 0px"} );
		});
		$('#comp4').mouseout(function(){
			$('#nav_mid_hover').css( {backgroundPosition: "0px 110px"} );
		});
		
		
		
		$("#button1, #button2, #button3, #button4, #button5").click(function(){
			$("#button1, #button2, #button3, #button4, #button5").removeClass("itembutton");
			$(this).addClass("itembutton");
			$("#catalog_title").replaceWith("<div id='catalog_title'>" + $(this).text() + " Catalog </div>");
			$("#button5_content, #button4_content,#button3_content,#button2_content,#button1_content").css( {display:'none'} );
                         });     
			  //// button5
			$("#button5").click(function(){
			$("#button5_content").fadeIn(500);
                         }); 
			$("#dim5").click(function(){
			$("#dim5").css( {color:'#343434', cursor:'default'} );
			$("#meas_syst5").fadeIn(500);
                         });	
						 
		/////////// button4		
						$("#button4").click(function(){
			$("#button4_content").fadeIn(500);
                         }); 
			$("#dim4").click(function(){
			$("#dim4").css( {color:'#343434', cursor:'default'} );
			$("#meas_syst4").fadeIn(500);
                         });									  								 
			/////////// button3		
						$("#button3").click(function(){
			$("#button3_content").fadeIn(500);
                         }); 
			$("#dim3").click(function(){
			$("#dim3").css( {color:'#343434', cursor:'default'} );
			$("#meas_syst3").fadeIn(500);
                         });
			/////////// button2		
			$("#button2").click(function(){
			$("#button2_content").fadeIn(500);
                         }); 
						 
			$("#dim2_run").click(function(){
			$("#dim2_dim, #standart_run_outlets_button, #metric_run_outlets_button,#standart_dim_outlets_button,#metric_dim_outlets_button ").css({color:'#565656', cursor:'pointer'});
			$("#meas_syst2_dim, #standart_run_outlets, #metric_run_outlets,#standart_dim_outlets,#metric_dim_outlets").css({display:'none'});
			$("#dim2_run").css( {color:'#343434', cursor:'default'} );
			$("#meas_syst2_run").fadeIn(500);
                         });
						 
			$("#dim2_dim").click(function(){
			$("#dim2_run, #standart_run_outlets_button, #metric_run_outlets_button,#standart_dim_outlets_button,#metric_dim_outlets_button ").css({color:'#565656', cursor:'pointer'});	
			$("#meas_syst2_run,#standart_run_outlets, #metric_run_outlets,#standart_dim_outlets,#metric_dim_outlets").css({display:'none'});	
			$("#dim2_dim").css( {color:'#343434', cursor:'default'} );
			$("#meas_syst2_dim").fadeIn(500);
                         });	
						 
			$("#standart_run_outlets_button").click(function(){
			$("#metric_run_outlets,#standart_dim_outlets,#metric_dim_outlets").css({display:'none'});		
			$("#metric_run_outlets_button ").css({color:'#565656', cursor:'pointer'});	
				$("#standart_run_outlets_button").css({color:'#343434', cursor:'default'});	
			$("#standart_run_outlets").fadeIn(500);			 
						   });
						   
			$("#metric_run_outlets_button").click(function(){
			$("#standart_run_outlets,#standart_dim_outlets,#metric_dim_outlets").css({display:'none'});	
			$("#standart_run_outlets_button ").css({color:'#565656', cursor:'pointer'});	
				$("#metric_run_outlets_button").css({color:'#343434', cursor:'default'});	
			$("#metric_run_outlets").fadeIn(500);			 
						   });			   
						 		 
			$("#standart_dim_outlets_button").click(function(){
			$("#metric_dim_outlets,#standart_run_outlets,#metric_run_outlets").css({display:'none'});		
			$("#metric_dim_outlets_button ").css({color:'#565656', cursor:'pointer'});	
				$("#standart_dim_outlets_button").css({color:'#343434', cursor:'default'});	
			$("#standart_dim_outlets").fadeIn(500);			 
						   });	
						   
						   
			$("#metric_dim_outlets_button").click(function(){
			$("#standart_dim_outlets,#standart_run_outlets,#metric_run_outlets").css({display:'none'});		
			$("#standart_dim_outlets_button ").css({color:'#565656', cursor:'pointer'});	
				$("#metric_dim_outlets_button").css({color:'#343434', cursor:'default'});	
			$("#metric_dim_outlets").fadeIn(500);			 
						   });		
						   
						   			/////////// button1		
			$("#button1").click(function(){
			$("#button1_content").fadeIn(500);
                         }); 
		   		 
				 
				 
			$("#dim1_threaded").click(function(){
				$("#meas_syst1_socket,#metric_socket, #standart_socket").css({display:'none'});
				$("#dim1_socket,#standart_socket_button,#metric_socket_button").css( {color:'#565656', cursor:'pointer'} );
				
			$("#dim1_threaded").css( {color:'#343434', cursor:'default'} );
			$("#meas_syst1_threaded").fadeIn(500);
                         });
						 
			$("#dim1_socket").click(function(){
				
			$("#meas_syst1_threaded,#metric_threaded, #standart_threaded").css({display:'none'});
			$("#dim1_threaded,#standart_threaded_button,#metric_threaded_button").css( {color:'#565656', cursor:'pointer'} );
			
			$("#dim1_socket").css( {color:'#343434', cursor:'default'} );
			$("#meas_syst1_socket").fadeIn(500);
                         });			 
						 
						 
			$("#standart_threaded_button").click(function(){
			$("#metric_threaded_button,#standart_socket_button, #metric_socket_button ").css( {color:'#565656', cursor:'pointer'} );
			$("#metric_threaded, #standart_socket, #metric_socket").css({display:'none'});	
			$("#standart_threaded_button").css( {color:'#343434', cursor:'default'} );
			$("#standart_threaded").fadeIn(500);
                         });
						 
						 
			$("#metric_threaded_button").click(function(){
			$("#standart_threaded_button,#standart_socket_button, #metric_socket_button ").css( {color:'#565656', cursor:'pointer'} );
			$("#standart_threaded, #standart_socket, #metric_socket").css({display:'none'});		
			$("#metric_threaded_button").css( {color:'#343434', cursor:'default'} );
			$("#metric_threaded").fadeIn(500);
                         });	
						 
						 						 
			$("#standart_socket_button").click(function(){
			$("#metric_socket_button,#metric_threaded_button,#standart_threaded_button ").css( {color:'#565656', cursor:'pointer'} );
			$("#metric_socket,#metric_threaded,#standart_threaded" ).css({display:'none'});	
			$("#standart_socket_button").css( {color:'#343434', cursor:'default'} );
			$("#standart_socket").fadeIn(500);
                         });
						 
						 
			$("#metric_socket_button").click(function(){
			$("#standart_socket_button,#metric_threaded_button,#standart_threaded_button").css( {color:'#565656', cursor:'pointer'} );
			$("#standart_socket,#metric_threaded,#standart_threaded").css({display:'none'});		
			$("#metric_socket_button").css( {color:'#343434', cursor:'default'} );
			$("#metric_socket").fadeIn(500);
                         });		 				 
						 
						 									  								 									 
})