// JavaScript Document

//variables / arrays for main menu
var mainNavItemsArray = [];
var mainNavImagesArray = [];
var mainNavWidthsArray = [];

$(document).ready(function() {
	navItemRollovers();
});

//main nav images
function navItemRollovers() {
	$('.tabs li').each(function() {
		mainNavItemsArray.push($(this));
	});
	
	mainNavImagesArray = [ 'main-nav-contact-us',
						   'main-nav-shopping-cart',
						   'main-nav-home' ];
	
	mainNavWidthsArray = [ '74',
						   '98',
						   '39' ];
	
	for(var i = 0; i < mainNavItemsArray.length; i++) {
		
		$(mainNavItemsArray[i]).css({'background' : 'url(' + images_dir + '/added_images/' + mainNavImagesArray[i] + '-up.gif) no-repeat left top', 'width' : '' + mainNavWidthsArray[i] + 'px'});
		//this stores the index of this item as a class to then be used by the rollovers to "retrieve" the item's index
		$(mainNavItemsArray[i]).addClass('' + i);
		
		$(mainNavItemsArray[i]).find('a').mouseover(function() {
			$(mainNavItemsArray[$(this).parent('li').attr('class')]).css('background', $(mainNavItemsArray[$(this).parent('li').attr('class')]).css('background').replace('-up', '-over'));
		});
		$(mainNavItemsArray[i]).find('a').mouseout(function() {
			$(mainNavItemsArray[$(this).parent('li').attr('class')]).css('background', $(mainNavItemsArray[$(this).parent('li').attr('class')]).css('background').replace('-over', '-up'));
		});
	}
}