// function to switch displayed pic on card
function switchPic(cardID,whichPic){
	
	picString = "<img src='cards/cards/card"+cardID+"/"+whichPic+"a.jpg'>";
	
	if (document.layers) { 
	   var picLayer; 
	   if(parentID){ 
	   	 picLayer = eval('document.' + '.document.' + 'pic' + '.document'); 
	   }else{ 
		 picLayer = document.layers['pic'].document; 
	   } 
	   picLayer.open(); 
	   picLayer.write(picString); 
	   picLayer.close(); 
	 }else if (parseInt(navigator.appVersion)>=5&&navigator.appName=="Netscape") { 
	   document.getElementById('pic').innerHTML = picString; 
	 }else if (document.all) {
	 	document.all['pic'].innerHTML = picString ;
 	  }
}

// Function to do the naviagtion
function toggleMenu(nav1,nav2,nav3,setVisibility) { 
	
	if (document.layers) { 
	   var whichLayer; 
	   if(parentID){ 
	   	 whichLayer = eval('document.' + '.document.pagePullDown.document');
	   }else{ 
		 whichLayer = document.layers["pagePullDown"].document; 
	   } 
	   if(document.layers['pagePullDown'].document){
	   	 whichLayer.style.visibility = setVisibility;
		}	    
	 }else if (parseInt(navigator.appVersion)>=5&&navigator.appName=="Netscape") { 
	   document.getElementById("pagePullDown").style.visibility = setVisibility;
	 }else if (document.all) {
	 	if(document.all['pagePullDown']){
	 		document.all["pagePullDown"].style.visibility = setVisibility;
		}
 	  }
}

// Function to do the naviagtion
function getNav(nav1,nav2,nav3) { 

	//var nav = new Array("Info","Projects","People","News");
	
	// Note : first arg of every array is the string to be used as filename (e.g. "FABMAG.php")
	var nav = new Array(
		new Array("Information",
			new Array("Idea","Fabrica Idea","Introduction"), // Info
			//new Array("Disciplines","Disciplines","Summary","Pulldown"),
			new Array("Location","Location","Building","Directions"),
			new Array("Contact","Contact","Information"),
			new Array("Apply","Apply","Information"),
            new Array("Library","Library","Search")
		),	
		new Array("Projects",
			new Array("Gallery","Gallery","List"), // Projects
			new Array("Research","Research","Search All"),
			new Array("FABMAG","FAB Magazine","List"),		//,"Past"
			new Array("Fabrica Features","Fabrica Features","Concept","Space","Collection","Where to Buy")
		),
		new Array("People",
			new Array("Current","Current","List"), // People
			new Array("Past","Past","List"),
			//new Array("Dept. Heads","Dept. Heads","List"),//Added Department Heads
			new Array("Blogs","Blogs","List"),
			new Array("Search","Search","Search")
		),
		new Array("Events",
			new Array("Past & Present","Past & Present","Calendar"), // Events
			//new Array("Lectures & Workshops","Lectures & Workshops","Description"),
			new Array("Interviews","Interviews","Interviews")
		),
		new Array("Commercial",
			new Array("Buy","Buy","Buy"), // Commercial
			//new Array("Gallery","Gallery","List"),
			new Array("Clients","Clients","List"),
			//new Array("Services","Services","Services"),
			new Array("Contact","Contact","Contact"),
			new Array("Search","Search","Search")
		),		
		new Array("Press",
			new Array("General Info","General Info","What Is Fabrica?"), // Press
			new Array("Press Releases","Press Releases","Press Releases"),
			new Array("Photo Gallery","Photo Gallery","Architecture"),		//"People",
			new Array("Press Contacts","Press Contacts","List"),
			new Array("Search","Search","Search")
		)
	);
	
	// Form nav strings
	var nav1String = "<span class='BlackCaps'>";
	var nav2String = "";
	var nav3String = "";
	
	// NAV 1
	for(var i=0; i<nav.length; i++){
		if(i == nav1-1){ // Highlight selected
			//nav1String += "<b>/ "+nav[i][0]+"</b><br>";
			k=i+1;
			nav1String += "<a href=\"javascript:getNav("+k+",0,0)\"><b>/ "+nav[i][0]+"</a></b><br>";
		}else{
			k=i+1;
			nav1String += "<a href=\"javascript:getNav("+k+",0,0)\">"+nav[i][0]+"</a><br>";
		}
	}
	nav1String += "</span>";
	
	// NAV 2
	for(var i=1; i<nav[nav1-1].length; i++){
		if(i == nav2){ // Highlight selected
			//nav2String += "<b>/ "+nav[nav1-1][i][1]+"</b><br>";
			k=i+1;
			nav2String += "<a href='page.php?id="+nav1+i+"1'><b>/ "+nav[nav1-1][i][1]+"</a></b><br>";
		}else{
			k=i+1;
			nav2String += "<a href='page.php?id="+nav1+i+"1'>"+nav[nav1-1][i][1]+"</a><br>";
		}
	}
	
	pulldown = 0;
	
	// NAV 3
	if(nav3 > 0){
		for(var i=1; i<nav[nav1-1][nav2].length - 1; i++){
			if(i == nav3){ // Highlight selected
				nav3String += "<b>/ "+nav[nav1-1][nav2][i+1]+"</b><br>";
			}else{
				k=i+1;
				if(nav[nav1-1][nav2][i+1] == "Pulldown"){
					pulldown = 1;	
				}else{
					nav3String += "<a href='page.php?id="+nav1+nav2+i+"'>"+nav[nav1-1][nav2][i+1]+"</a><br>";
				}
			}
		}
	}
	
	// Write the strings
	 if (document.layers) { 
	  
	   var navLevel1; 
	   var navLevel2;
	   var navLevel3;
	   
	   if(parentID){ 
	   	 navLevel1 = eval('document.' + '.document.' + 'nav1' + '.document'); 
		 navLevel2 = eval('document.' + '.document.' + 'nav2' + '.document'); 
		 navLevel3 = eval('document.' + '.document.' + 'nav3' + '.document');
		 
	   }else{ 
		 navLevel1 = document.layers['nav1'].document; 
		 navLevel2 = document.layers['nav2'].document; 
		 navLevel3 = document.layers['nav3'].document; 
	   } 
	   navLevel1.open(); 
	   navLevel1.write(nav1String); 
	   navLevel1.close(); 
	   navLevel2.open(); 
	   navLevel2.write(nav2String); 
	   navLevel2.close(); 
	   if(document.layers['nav3'].document){
		   navLevel3.open(); 
		   navLevel3.write(nav3String); 
		   navLevel3.close(); 
	   }
	   
	 }else if (parseInt(navigator.appVersion)>=5&&navigator.appName=="Netscape") { 
	
		   document.getElementById('nav1').innerHTML = nav1String; 
		   document.getElementById('nav2').innerHTML = nav2String; 
		   if(document.getElementById('nav3')){
		   	document.getElementById('nav3').innerHTML = nav3String; 
		   }
		   var detect = navigator.userAgent.toLowerCase();
		   
		   // Mac browser -- force refresh by resizing window
		   if((detect.indexOf('mac') + 1) > 1){
			   var w = window.outerWidth;
			   var h = window.outerHeight;
			   newWidth = w - 1;
			   newHeight = h - 1;
			   window.resizeTo(newWidth,newHeight);
			   window.resizeTo(w,h);
			}
			
	  
	 }else if (document.all) {
	 	document.all['nav1'].innerHTML = nav1String ;
		document.all['nav2'].innerHTML = nav2String ;
		if(document.all['nav3']){
			document.all['nav3'].innerHTML = nav3String ;
		}
 	  }
	
	  if(pulldown == 1){
	  		toggleMenu(nav1,nav2,nav3,"visible");
	  }else{
	  		toggleMenu(nav1,nav2,nav3,"hidden");	
	  }	  
	  
 }