// DROP DOWN JAVASCRIPT CODE

var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = "hidden";

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = "visible";

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = "hidden";
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 



// OPENING AND CLOSING LAYERS

function toggleLayer( whichLayer ) { 

  var elem, vis;   
  
  if( document.getElementById ) 
  
  // this is the way the standards work    
  
  elem = document.getElementById( whichLayer );  
  
  else if( document.all ) // this is the way old msie versions work  
   
  elem = document.all[whichLayer];  
  else if( document.layers ) // this is the way nn4 works 
     
  elem = document.layers[whichLayer];  vis = elem.style;

  // if the style.display value is blank we try to figure it out here  
  if (vis.display == 'block')
    {vis.display = 'none';}
  else
    {vis.display = 'block';} 
}



// IMAGE PRELOADING FOR ROLLOVER GRAPHICS


if (document.images)
    {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "../images/img-homeOn.gif";
      image_url[1] = "../images/img-homeOff.gif";
      
      image_url[2] = "../images/img-featuresOn.gif";
      image_url[3] = "../images/img-featuresOff.gif";
      
      image_url[4] = "../images/img-benefitsOn.gif";
      image_url[5] = "../images/img-benefitsOff.gif";
      
      image_url[6] = "../images/img-testimonialsOn.gif";
      image_url[7] = "../images/img-testimonialsOff.gif";
      
      image_url[8] = "../images/img-whereBuyOn.gif";
      image_url[9] = "../images/img-whereBuyOff.gif";
      
      image_url[10] = "../images/img-supportOn.gif";
      image_url[11] = "../images/img-supportOff.gif";     
      
      image_url[12] = "../images/img-demoOn.gif";
      image_url[14] = "../images/img-demoOff.gif";       
       
      image_url[14] = "../images/img-faqsOn.gif";
      image_url[15] = "../images/img-faqsOff.gif"; 
      
      image_url[16] = "../images/img-blogOn.gif";
      image_url[17] = "../images/img-blogOff.gif";                  
     

       var i = 0;
       for(i=0; i<=17; i++) 
         preload_image_object.src = image_url[i];
    }


//ROLLOVER FUNCTIONALITY

image1 = new Image();
image1.src = "../images/img-homeOff.gif";

image2 = new Image();
image2.src = "../images/img-featuresOn.gif";

image3 = new Image();
image3.src = "../images/img-benefitsOn.gif";

image4 = new Image();
image4.src = "../images/img-testimonialsOn.gif";

image5 = new Image();
image5src = "../images/img-whereBuyOn.gif";

image6 = new Image();
image6.src = "../images/img-supportOn.gif";

image7 = new Image();
image7.src = "../images/img-demoOn.gif";

image8 = new Image();
image8.src = "../images/img-faqsOn.gif";

image9 = new Image();
image9.src = "../images/img-blogOn.gif";