var SubMenuOn=false;
var PrimaryMenuOn=false;

if (document.images){
	CompanyOn = new Image();
	CompanyOn.src = "images/CompanyOn.jpg";
	CompanyOff = new Image();
	CompanyOff.src = "images/CompanyOff.jpg";
	
	ProductOn = new Image();
	ProductOn.src = "images/ProductOn.jpg";
	ProductOff = new Image();
	ProductOff.src = "images/ProductOff.jpg";

	FAQOn = new Image();
	FAQOn.src = "images/FAQOn.jpg";
	FAQOff = new Image();
	FAQOff.src = "images/FAQOff.jpg";
		
	ContactOn = new Image();
	ContactOn.src = "images/ContactUsOn.jpg";
	ContactOff = new Image();
	ContactOff.src = "images/ContactUsOff.jpg";

	}
	
	
	
// Function to 'activate' images.
function imgOn(imgName) {

        if (document.images) {

            document[imgName].src = eval(imgName + "On.src");
        }
}

// Function to 'deactivate' images.
function imgOff(imgName) {
        if (document.images) {
            document[imgName].src = eval(imgName + "Off.src");
        }
}

function limitText(limitField, limitCount, limitNum) {

	if (limitField.value.length > limitNum) {
		limitField.value = limitField.value.substring(0, limitNum);
	} else {
		limitCount.innerHTML  = limitNum - limitField.value.length;
	}
}

  
window.addEvent('domready', function(){
    
    $('Product').addEvents(
    {
        'mouseenter':function ()
           { 
			PrimaryMenuOn=true;
			imgOn('Product');
			ToggleMenu('ProductsMenu',75);
           },
		   
		   'mouseleave':function ()
           { 
			  PrimaryMenuOn=false;
			  setTimeout("if (SubMenuOn==false){ToggleMenu('ProductsMenu',1);imgOff('Product');}", 1);
           }
		   
	});
	
	$('ProductsMenu').addEvents(
	{
			'mouseenter':function()
				{
					SubMenuOn=true;
				},
				
			'mouseleave':function()
				{
					SubMenuOn=false;
					setTimeout("if (PrimaryMenuOn==false){ToggleMenu('ProductsMenu',1);imgOff('Product');}", 1);
				}
				
	});			

});
 
 
 
function ToggleMenu(MenuName,Size)
{
    $(MenuName).set('tween', {
    duration: 1000,
	transition: Fx.Transitions.Pow.easeOut 
	}).tween('height', Size+'px');
	
	//setTimeout("$("+MenuName+").set('tween', {    duration: 1000,	transition: Fx.Transitions.Pow.easeOut 	}).tween('width', '500px');",1000);
}
