function getTheElement (elementID){
  var elem;
  
  if( document.getElementById ) 
    {elem = document.getElementById( elementID );}
  else if( document.all ) 
      {elem = document.all[elementID];}
  else if( document.layers ) 
    {elem = document.layers[elementID];}
	
	return elem;
}


function toggleMenu( menuname )
{
  var elem = getTheElement (menuname)
  var vis;
  vis = elem.style;
 
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
  
  if (menuname == "viewssubmenu"){
	  elem = getTheElement ("worksubmenu")
	  elem.style.display = 'none';
  }
  else if (menuname == "worksubmenu"){
	  elem = getTheElement( "viewssubmenu" )
	  elem.style.display = 'none';
  }
}


function changeOpac(opacity, id) {
	var object = getTheElement (id);
    var object = object.style;
    object.opacity = (opacity / 101);
    object.MozOpacity = (opacity / 101);
    object.KhtmlOpacity = (opacity / 101);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    var changeDiv = getTheElement (divid);
	var changeImage = getTheElement (imageid);
    //set the current image as background
    changeDiv.style.backgroundImage = "url(" + changeImage.src + ")";
    
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    changeImage.src = imagefile;

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
}