// JavaScript Document

$(document).ready(function(){
	jQuery("#main-nav li").hover(function(){
										  
				jQuery("#main-nav li").removeClass('hover-state');
				jQuery("#main-nav li a.parent-item").removeClass('hover-state');				
				var Tracking=jQuery("#main-nav li").index($(this));
				//alert(Tracking);
				//var Tracking1=jQuery("#main-nav li a").index($(this));	
				jQuery("#main-nav li:eq("+Tracking+")").addClass('hover-state');
				//jQuery("#main-nav li:eq("+Tracking+")").addClass('active');
				jQuery("#main-nav li a.parent-item:eq("+Tracking+")").addClass('hover-state');	
		});					   
	//alert(1);
	
	$("#main-nav li.about").hover(function(){
		$(".product-box", this).css('display','block');
		
	},
		function(){
			$(".product-box", this).css('display','none');
			
		}
	);
	
	$("#main-nav li.product").hover(function(){
		$(".product-box", this).css('display','block');
		
	},
		function(){
			$(".product-box", this).css('display','none');
			
		}
	);
	
	$("#main-nav li.showroom").hover(function(){
		$(".showroom-box", this).css('display','block');
		//$(this).addClass('active');
	},
		function(){
			$(".showroom-box", this).css('display','none');
			
		}
	);
	
	$("#main-nav li.support").hover(function(){
		$(".support-box", this).css('display','block');
		
	},
		function(){
			$(".support-box", this).css('display','none');
			
		}
	);
	
	$("#main-nav li.news-room").hover(function(){
		$(".news-box", this).css('display','block');
		
	},
		function(){
			$(".news-box", this).css('display','none');
			
		}
	);
	
	
	//Function for Handle Navigation Hover
	$('.parent-item').parent().hover(function(){
		$(this).addClass('active');
		
	},
		function(){
			$(this).removeClass('active');
		
			//$('.active2').addClass('active');
			
		}
	);	
});