function showMainMenu() {
	// Main menu is loaded display:none to hide images, show the menu after everything is complete
	document.getElementById("menu").style.display="block";
	//document.getElementById("menu").style.bottom=0;
}


function setup() {
 	
	
 	var i=1
	while (true)
	{
 		e="menu"+(i)
 	 	 	el = document.getElementById(e);
			if ( el ) {
 	 			el.style.display = "none";
		 		i=i+1
			}
			else {
				break;
			}
	}
	
	var i=1
	while (true)
	{
 		e="cat"+(i)
			//alert(e);
 	 	 	el = document.getElementById(e);
			if ( el ) {
 	 			el.style.display = "none";
		 		i=i+1
			}
			else {
				break;
			}
	}
	showhide('cat1','high1');
	showMainMenu();
}


function showhide(menu,active) {
	
	if ( menu.match(/^menu/ ) ) {
		// Hide all main menu items
		x=1;
		while (true) {
			menu_element=document.getElementById("menu"+x);
			if ( menu_element ) {
				menu_element.style.display = "none";
				x++;
			}
			else {
				break;
			}
		}
		// Show indicated menu item
		menu_element=document.getElementById(menu);
		menu_element.style.display = "block";
		
		el = document.getElementById(menu);
		el.className=el.className + "_h";
	
		
		return;
	}
	
	/* Deactivate submenus highlighting*/
	var x=1
	while (true)
	{
 		wipe="high"+(x)
 	 	 	el = document.getElementById(wipe);
			if ( el ) {
				class_name = el.className;
				class_name=class_name.replace(/_h$/,"");
				el.className=class_name;
				x=x+1
			}
			else {
				break;
			}
	}
 
 	// Close the categories
	var i=1;
	while (true)
	{
 		c="cat"+(i)
 	 	 	cl = document.getElementById(c);
			if (cl) {
 	 			cl.style.display = "none";
		 		i=i+1
			}
			else {
				break;
			}
	}
	
    el = document.getElementById(menu);
	el.style.display = el.style.display  == "block" ? "none" : "block";
	
	if ( ! active ) {
		return;
	}
	
	/* Set the background style for the active menu item */
	el = document.getElementById(active);
	el.className=el.className + "_h";
	
}

function showProject(title,summary,current, i0, i1, i2, i3, i4, i5, i6, i7, i8, i9 ) {
	
	
	var images=[];
	//for ( x in image_keys ) {
	for ( x=0;x<10;x++ ) {
		if ( eval('i'+x) ) {
			images.push("'"+eval('i'+x)+"'");
		}
	}
	
	var image_count = images.length;
	
	current=parseInt(current);
	
	var next = current +1;
	var prev = current -1;
	if ( current == 0 ) {
		prev = image_count-1;
	}
	if ( current == image_count-1 ) {
		next = 0;
	}
	
	
	var images_list=images.join(',');
	
	var content = '<img src='+images[current]+'"><br>' + "\n";
	
	var slide="<div id='slide_nav'>\n" ;
	
	for ( i=0; i<=image_count-1; i++ ) {
		if ( i == current ) {
			slide = slide + '<div id="active_slide">' + (1+i) + '</div>' + "\n";
		}
		else {
			slide = slide + '<a href="#" onClick="' + "showProject('" + title+ "','" +summary+ "','"+i+"',"+ images_list+");return false;"+'" >'+(1+i)+'</a>' + "\n";
		}
	}
	slide = slide + "</div>\n";
	
	/*
	content = content + '<br><a href="#" onClick="' + "showProject('" + title+ "','" +summary+ "','"+prev+"',"+ images_list+");return false;"+'" >PREVIOUS</a>' + "\n";
	content = content + ' <a href="#" onClick="' + "showProject('" + title+ "','" +summary+ "','"+next+"',"+ images_list+");return false;"+'" >NEXT</a>' + "\n";
	*/
	
	document.getElementById("category_title").innerHTML='<img src="'+title+'">';
	document.getElementById("content").innerHTML=content;
	document.getElementById("slide_listing").innerHTML=slide;
	
}