/*
=============================================
BEGIN ROLLOVER CHUNK
=============================================
*/

// Preload Images
	nav_imgs0 = new Image;
	nav_imgs1 = new Image;
	nav_imgs2 = new Image;
	nav_imgs3 = new Image;
	nav_imgs4 = new Image;
	nav_imgs5 = new Image;
	nav_imgs6 = new Image;
	nav_imgs7 = new Image;
	nav_imgs8 = new Image;
	nav_imgs9 = new Image;
	nav_imgs10 = new Image;
	nav_imgs11 = new Image;
	nav_imgs12 = new Image;
	nav_imgs13 = new Image;
        
	nav_imgs0.src = "images/about_us_on.jpg";
	nav_imgs1.src = "images/about_us_off.jpg";
	nav_imgs2.src = "images/products_on.jpg";
	nav_imgs3.src = "images/products_off.jpg";
	nav_imgs4.src = "images/markets_on.jpg";
	nav_imgs5.src = "images/markets_off.jpg";
	nav_imgs6.src = "images/resources_on.jpg";
	nav_imgs7.src = "images/resources_off.jpg";
	nav_imgs8.src = "images/dealer_on.jpg";
	nav_imgs9.src = "images/dealer_off.jpg";
	nav_imgs10.src = "images/service_on.jpg";
	nav_imgs11.src = "images/service_off.jpg";
	nav_imgs12.src = "images/rfq_on.jpg";
	nav_imgs13.src = "images/rfq_off.jpg";


//Define rollover images
	roll_imgs = new Array();
	roll_imgs[0] = "images/about_us_on.jpg";
	roll_imgs[1] = "images/about_us_off.jpg";
	roll_imgs[2] = "images/products_on.jpg";
    roll_imgs[3] = "images/products_off.jpg";
	roll_imgs[4] = "images/markets_on.jpg";
	roll_imgs[5] = "images/markets_off.jpg";
	roll_imgs[6] = "images/resources_on.jpg";
	roll_imgs[7] = "images/resources_off.jpg";
	roll_imgs[8] = "images/dealer_on.jpg";
	roll_imgs[9] = "images/dealer_off.jpg";
	roll_imgs[10] = "images/service_on.jpg";
	roll_imgs[11] = "images/service_off.jpg";
	roll_imgs[12] = "images/rfq_on.jpg";
	roll_imgs[13] = "images/rfq_off.jpg";
	
	
function find_img_num(id) {
	img_num_array = id.split('_');
	img_num = img_num_array[1];

	return img_num;
}
	
function roll_over(e) {
	
	num = find_img_num(this.id);
	document.getElementById("mainNav_" + num).src = roll_imgs[num - 1];

	/*var fade_it = new YAHOO.util.Anim('mainNav_' + num, {opacity: { from: 0, to: 1 }}, .5, YAHOO.util.Easing.easeIn);
	fade_it.animate();*/
	
}

function roll_out(e) {

	num = find_img_num(this.id);
	document.getElementById("mainNav_" + num).src = roll_imgs[num];
	
	//var fade_out = new YAHOO.util.Anim('mainNav_' + num, {opacity: { from: 1, to: 0 }}, .5, YAHOO.util.Easing.easeIn);
	//fade_out.animate();
}


/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
// add the listener - called in the onAvaible event
YAHOO.util.init = function() {   
	
	temp2 = YAHOO.util.Dom.getElementsByClassName('mainNav'); // class name of anchor tag

	YAHOO.util.Event.addListener(temp2, 'mouseover', roll_over);
	YAHOO.util.Event.addListener(temp2, 'mouseout', roll_out);	

};

/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
//When the element becomes available, initialize the addListener
YAHOO.util.Event.onAvailable('mainNav_7', YAHOO.util.init);	 // id of LAST image in the menu

/*
=============================================
END ROLLOVER CHUNK
=============================================
*/