/* * * * * Misc. jQuery application of design * * * * */

/* SHARED PAGE TEMPLATE STYLES */

$(document).ready(function() {
// Wrap span tag inside top nav's anchor tags - used for rounded button styling.
	$('ul#ul_NavBar > li > a').wrapInner('<span />');
// Wrap span tag around top nav's anchor tags - used for li separator styling.
	//$('ul#ul_NavBar > li > a').wrap('<span class="separator" />');
// Set CSS class for first (leftmost) list item in the top nav.
	//$('ul#ul_NavBar > li:first').addClass('first');
// Set CSS class for last (rightmost) list item in the top nav.
	//$('ul#ul_NavBar > li:last').addClass('last');
// Set CSS classes for li's that contain sublists.
	//$('ul#ul_NavBar > li').filter(':has(ul)').addClass('parent');
	$('ul#ul_NavBar > li > ul').prepend('<li class="dropdownTop" />');
// Set CSS class for last (bottom) list item in the top nav dropdown.
	//$('ul#ul_NavBar > li > ul > li:last-child').addClass('bottom');
// Wrap span tag inside button anchor tag - used for rounded button styling.
	$('a.roundedArrowBtn, a.roundedBtn').wrapInner('<span />');
// Enable clickable blocks - uses "jquery.fitted.js" script. - Moved to default page only
	
// Set CSS class for last (rightmost) list item in the footer nav.
	$('div.footerNav ul > li:last').addClass('last');

// Set CSS class for first (top) list item in the left nav.
	//$('div.leftNavBox > ul > li:first').addClass('first');
// Set CSS class for each root li in "Product" nav.
	//$('div.productsNav > ul > li').eq(0).addClass('category1');
	//$('div.productsNav > ul > li').eq(1).addClass('category2');
	//$('div.productsNav > ul > li').eq(2).addClass('category3');
	//$('div.productsNav > ul > li').eq(3).addClass('category4');
	//$('div.productsNav > ul > li').eq(4).addClass('category5');

// Replacing hr's with div.hr for better control.
	$('div.mainTwoColBox div.rightColumn hr').replaceWith('<div class="hr"></div>');
	
	$('div.prodImgs > div.prodImg_sm:last').addClass('last');
	$('div.prodListing div:nth-child(3n)').addClass('last');
	$('div.rightSideBar.prefDealers p:last').addClass('last');
	
	//inner page header rollovers
	$("#headerOver img").hover(
		 function()
		 {
		  this.src = this.src.replace("_off","_on");
		 },
		 function()
		 {
		  this.src = this.src.replace("_on","_off");
		 }
		);
});