var isCSS, isW3C, isIE4, isNN4, isSafari, isMac, isIEMac;

function loadImages() {
if (document.getElementById) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
      }
   }
}

function initDHTMLAPI()
{
    if (document.images) {
        isCSS = (document.body && document.body.style) ? true : false;
        isW3C = (isCSS && document.getElementById) ? true : false;
        isIE4 = (isCSS && document.all) ? true : false;
        isNN4 = (document.layers) ? true : false;
        isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ? true : false;
	}
	if (navigator.platform.indexOf("Mac") > -1)	isMac = true;
	if (isMac && (navigator.appName.indexOf("Microsoft") > -1)) isIEMac = true;
	// assume this is true for safari
	if (navigator.vendor == "Apple Computer, Inc.") {
		isSafari = true;
	}
}

// Seek nested NN4 layer from string name
function seekLayer(doc, name) {
    var theObj;
    for (var i = 0; i < doc.layers.length; i++) {
        if (doc.layers[i].name == name) {
            theObj = doc.layers[i];
            break;
        }
        // dive into nested layers if necessary
        if (doc.layers[i].document.layers.length > 0) {
            theObj = seekLayer(document.layers[i].document, name);
        }
    }
    return theObj;
}

// Convert object name string or object reference
// into a valid element object reference
function getRawObject(obj) {
    var theObj;
    if (typeof obj == "string") {
        if (isW3C) {
            theObj = document.getElementById(obj);
        } else if (isIE4) {
            theObj = document.all(obj);
        } else if (isNN4) {
            theObj = seekLayer(document, obj);
        }
    } else {
        // pass through object reference
        theObj = obj;
    }
    return theObj;
}


////////////////////////////////////////////////////////


// menu
menuList = new Array("Menu00", "Menu01", "Menu02", "Menu03", "Menu04", "Menu05", "Menu06", "Menu07");
TTmenuList = new Array("TTMenu01");
displayList = new Array("Cones", "Plates", "Barnes", "Brut", "Chanel", "CinnamonToast", "Dentyne", "Goodyear", "Mastercard", "Tide", "WeightWatchers", "Adaptation", "Fractals", "Hyper", "Nude", "Untitled", "Newspaper", "Index2005", "Howtime", "Apple", "Association", "Birdb", "Birdq", "Innout", "Rethankyou", "Contact", "Resume", "Bodily", "Mygarden", "Perfect", "Sesame", "Shoe");

function closeAllMenu()
{
	var object;
	var objectTitle;
	for (i=0; i < menuList.length; i++)
	{
		object = getRawObject(menuList[i]);
		object.style.display = "none";
		
		objectTitle = getRawObject(menuList[i]+"Title");
		toggleStyleOff(objectTitle);
	}
	
	closeTTMenu();
	closeSubMenu();
}

function closeTTMenu()
{
		var object;
		var objectTitle;
		for (i=0; i < TTmenuList.length; i++)
		{
			object = getRawObject(TTmenuList[i]);
			object.style.display = "none";
			
			objectTitle = getRawObject(TTmenuList[i]+"Title");
			toggleStyleOff(objectTitle);
		}
}

function closeSubMenu()
{
		var object;
		var objectTitle;
		for (i=0; i < displayList.length; i++)
		{
			object = getRawObject(displayList[i]);
			object.style.display = "none";
			
			objectTitle = getRawObject(displayList[i]+"Title");
			toggleStyleOff(objectTitle);
		}
}

function toggleMenu(currMenuID)
{	
	var thisMenu = getRawObject(currMenuID);
	var thisMenuTitle = getRawObject(currMenuID + "Title");
	
	if (thisMenu.style.display == "block")
	{
		closeAllMenu();
		showEmptyView();
	}
	else
	{
		closeAllMenu();
		showEmptyView();

		thisMenu.style.display = "block";
		//toggle title style
		toggleStyleOn(thisMenuTitle);
	}
	return false;
}

function toggleTTMenu(currMenuID)
{	
	var thisMenu = getRawObject(currMenuID);
	var thisMenuTitle = getRawObject(currMenuID + "Title");
	
	if (thisMenu.style.display == "block")
	{
		closeTTMenu();
		closeSubMenu();
		showEmptyView();
	}
	else
	{
		closeSubMenu();
		showEmptyView();
		thisMenu.style.display = "block";
		//toggle title style
		toggleStyleOn(thisMenuTitle);
	}
	return false;
}

function toggleSubMenu(currMenuID)
{
	var thisMenu = getRawObject(currMenuID);
	var thisMenuTitle = getRawObject(currMenuID + "Title");
	
	if (thisMenu.style.display == "block")
	{
		thisMenu.style.display = "none";
		toggleStyleOff(thisMenuTitle);
		showEmptyView();		
	}
	else
	{
		closeTTMenu();
		closeSubMenu();
		
		hideEmptyView();
		thisMenu.style.display = "block";
		getRawObject(thisMenu.id+"Content").src = thisMenu.id+".html";
		//toggle title style
		toggleStyleOn(thisMenuTitle);
	
	}
	return false;
}

function toggleSub2Menu(currMenuID)
{
	var thisMenu = getRawObject(currMenuID);
	var thisMenuTitle = getRawObject(currMenuID + "Title");
	
	if (thisMenu.style.display == "block")
	{
		thisMenu.style.display = "none";
		toggleStyleOff(thisMenuTitle);
		showEmptyView();		
	}
	else
	{
		closeSubMenu();
		
		hideEmptyView();
		thisMenu.style.display = "block";
		getRawObject(thisMenu.id+"Content").src = thisMenu.id+".html";
		//toggle title style
		toggleStyleOn(thisMenuTitle);
	
	}
	return false;
}

function toggleStyleOn(object)
{
	object.style.backgroundColor = "#000000";
	object.style.color = "#ffffff";
}

function toggleStyleOff(object)
{
	object.style.backgroundColor = "";
	object.style.color = "";
}

function showEmptyView()
{
	var object;
	object = getRawObject("Emptyview");
	object.style.display = "block";
}

function hideEmptyView()
{
	var object;
	object = getRawObject("Emptyview");
	object.style.display = "none";
}