/**
 * @author chrism
 */

$(document).ready(function() {

// Makes entire .nav-header <li> clickable
	$(".nav-header li").click(function(){ window.location=$(this).find("a").attr("href"); return false; });
// Accesses FontEffect library to apply mirror effect to nav-header <a>	
	$('.mirrored').FontEffect({ mirror:true, mirrorColor:"#fff", mirrorOffset:-3, mirrorHeight:50, mirrorTStart:0.4, mirrorTLength:15, mirrorDetail: 1 });
// Attach background image on hover of .nav-header <li>
	$('.nav-header li').hover(function() {
		$(this).css({ background: 'url(res/nav_bg-hover.png) repeat-x left top' }).addClass("inset-shdw");
	}, function() {
		$(this).css({ background: 'none' }).removeClass("inset-shdw");
	});
// First and last child corrections; done in JS since IE does not sinterpret first-child and last-child through CSS. 
	$('.nav-header li:first').css({ marginLeft: '20px' });
	$('.nav-header li:last').css({ borderRight: '1px solid #aaaaaa' });

// Create jQuery UI Tabs 
	$('#main-calculator-container').tabs();
	$('#tabs-container').tabs();
	
// crossbrowser - the IE crossbrowser done here does not work through conditional comments
	if ($.browser.msie && $.browser.version >= 7) {
		$(".copy-block li:nth-child(3)").css({ width: '70%' });
		 
		$('form[id|="conc-calculator"] label[for="length_field"]').css({ margin: '0 0 0 68px' });
		$('form[id|="conc-calculator"] label[for="height_field"]').css({ margin: '0 0 0 45px' });
		$('form[id|="conc-calculator"] label[for="depth_field"]').css({ margin: '0 0 0 60px' });
		$('form[id|="conc-calculator"] span').before('<br />').css({ paddingTop: '15px' });
			$('form[id|="conc-calculator"] label[for="CubicYards"]').css({ margin: '2px 10px 0 0', 'font-weight': 'bold' }); 
	}
	
	if (navigator.appVersion.indexOf("Mac") != -1) {
		return false;
	} else {
		if ($.browser.mozilla && $.browser.version >= "1.8") {
			$('form[id|="conc-calculator"] label[for="height_field"]').css({ margin: '0 0 0 43px' });
			$('form[id|="conc-calculator"] label[for="CubicYards"]').css({ margin: '3px 10px 0 0' });
		}
	}
	
});