BrowserDetect.init();

// Mac styles
if (BrowserDetect.OS == "Mac" && BrowserDetect.browser == "Firefox" && BrowserDetect.version == "2" || BrowserDetect.browser == "Safari") {
	document.write("<link type='text/css' rel='stylesheet' href='css/ff2-safari-mac.css' />");
}
if (BrowserDetect.OS == "Mac" && BrowserDetect.browser == "Firefox" && BrowserDetect.version >= "3") {	
	document.write("<link type='text/css' rel='stylesheet' href='css/ff3-mac.css' />");
}

$(document).ready(function(){	
						   
	/************************************************************** 
	* Init 
	**************************************************************/
	$('ul#navigation').superfish();
	
	$("#sub-nav ul").treeview({
		animated: "normal",
		collapsed: true,
		unique: true,
		persist: "location"	// opens active section by default
	});

	if($('body').hasClass('contact')){
		// don't highlight the table rows					  
	} else {
		// highlight table rows, set product table width
		$('.product table tr:even, .design-solutions table tr:even').addClass('even');
		$('.product table tr td:even').css('width','176px');
	}
	
	// remove padding from last link in downloads
	$('ul#downloads li:last').css('padding-bottom','0px');
	
	
	/************************************************************** 
	* Navigation 
	**************************************************************/
	
	// page url taken from the last '/ '
	var path = location.pathname.substring(location.pathname.lastIndexOf("/") + 1);
	
	if (path == ""){		
		// highlight home button
		$('ul#navigation li a[href$="index.html"]').addClass('active');	
	} else {	
		// adds active class to current page link
		var currLink = $('ul#navigation li a[href$="' + path + '"]');
		$(currLink).addClass('active');
	}	
	
	// if a dropdown link is the currLink, add active class to parent header
	if ($('ul#navigation li ul li a').hasClass('active')){
		var dropdown = $('ul#navigation li ul li a.active');
		var parent = $(dropdown).parents('li').children('a.header');		
		
		$(currLink).removeClass('active');
		$(parent).addClass('active');				
	} 
	
	// when you rollout of a dropdown menu, the header is set to inactive
	// set header rollover so the css is applied each time
	$('ul#navigation li a.header').each(function(){			
		$(this).mouseover(function(){
			$(this).css('border-top','5px solid #ed5748');
			$(this).css('color','#333333');
		}).mouseout(function(){
			$(this).css('border-top','5px solid #ffffff');
			$(this).css('color','#666666');
		});
	});
	
	// when rolling over a dropdown menu, header maintains css
	$('ul#navigation li ul li').each(function(){
		$(this).mouseover(function(){
			// add red border to parent
			var header = $(this).parents('li').children('a.header');
			$(header).css('border-top','5px solid #ed5748');
			$(header).css('color','#333333');
		}).mouseout(function(){
			// add white border to parent
			var header = $(this).parents('li').children('a.header');	
			$(header).css('border-top','5px solid #ffffff');
			
			if ($(header).hasClass('active')) {
				$(header).css('color','#333333');	
			}else{
				$(header).css('color','#666666');
			}
		});
	});
	
	
	// if currLink is a sub-nav dropdown menu item, add selected class to parent sub-header
	if ($('#sub-nav ul li ul li a').hasClass('selected')){
		var currSection = $('#sub-nav ul li ul li a.selected').parents('li').children('h4.sub-header');
		$(currSection).addClass('selected');
	}
		
	$('#sub-nav ul li ul li h4').click(function(){		
		// set colour
		$(".clicked").removeClass("clicked");
    	$(this).addClass("clicked");		
		
		// removes colour when subnav section collapses
		if($(this).parent('li').hasClass('expandable')){
			$(".clicked").removeClass("clicked");	
		}
	});
	
	
	// slide down sub-nav sections onclick of breadcrumbs
	$('a.comm-breadcrumb').click(function(){
		$('#comm-drop-down').slideDown("normal");
		$('#res-drop-down').slideUp("normal");
	});	
	$('a.res-breadcrumb').click(function(){
		$('#res-drop-down').slideDown("normal");
		$('#comm-drop-down').slideUp("normal");
	});	
	
	
	/************************************************************** 
	* Rollovers 
	**************************************************************/
	
	// change jpg on rollover
	$('ul#features li a img').hover(function(){
		$(this).css('cursor','pointer');
		var src = $(this).attr("src");
		$(this).attr('src', src.replace( /\.jpg$/, '_over.jpg'));	
	}, 
	function(){
		var src = $(this).attr("src");			
		$(this).attr('src', src.replace( /\_over.jpg$/, '.jpg'));
	});
	
	// change gif on rollover
	$('ul#building-systems-links li img').hover(function(){
		$(this).css('cursor','pointer');
		var src = $(this).attr("src");
		$(this).attr('src', src.replace( /\.gif$/, '_over.gif'));	
	}, 
	function(){
		var src = $(this).attr("src");			
		$(this).attr('src', src.replace( /\_over.gif$/, '.gif'));
	});
	
});