var ie=(document.all)?1:0;
	var hide=-1;
	var isMozilla=false;
	var bDom = document.getElementById?1:0;
	var bVersion=navigator.appVersion;
	isMozilla=(bDom&&parseInt(bVersion)>=5)?1:0;
	opera=window.opera?1:0;

	var isMozilla=false;
	var bDom = document.getElementById?1:0;
	var bVersion=navigator.appVersion;
	isMozilla=(bDom&&parseInt(bVersion)>=5)?1:0;

if(ie)
{
	var menu_x=(screen.width==800)?[40,40,40,40,40,40,40,40]:[40,40,40,40,40,40,40,40];
}
else{
	var menu_x=(screen.width==800)?[45,45,45,45,45,45,45,45]:[45,45,45,45,45,45,45,45];
}
if(ie)
{

	var menu_y=(screen.width==800)?[347,367,387,407,427,447,460,487]:[347,367,387,407,427,447,460,487];
}
else{
	var menu_y=(screen.width==800)?[345,367,389,410,433,455,455,499]:[345,367,389,410,433,455,455,499];
}

	
	var str="";
	str+="<style>\n";
	str+="a.menu{font-family:arial; font-size:12px; color:#C0BFBF; text-decoration:underline;}\n";
	str+="a.menu:hover{font-family:arial; font-size:12px; color:#000000; text-decoration:none;}\n";
if(ie)
{
	str+="#Mmenu0{filter:alpha(opacity=100); position:absolute;top:" + menu_y[0] +  ";left:" + menu_x[0] + ";visibility:hidden;z-index:10;}\n"; 
		str+="#Mmenu1{filter:alpha(opacity=100); position:absolute;top:" + menu_y[1] +  ";left:" + menu_x[1] + ";visibility:hidden;z-index:10;}\n"; 
	str+="#Mmenu2{filter:alpha(opacity=100); position:absolute;top:" + menu_y[2] +  ";left:" + menu_x[2] + ";visibility:hidden;z-index:10;}\n"; 
	str+="#Mmenu3{filter:alpha(opacity=100); position:absolute;top:" + menu_y[3] +  ";left:" + menu_x[3] + ";visibility:hidden;z-index:10;}\n"; 
	str+="#Mmenu4{filter:alpha(opacity=100); position:absolute;top:" + menu_y[4] +  ";left:" + menu_x[4] + ";visibility:hidden;z-index:10;}\n"; 
		str+="#Mmenu5{filter:alpha(opacity=100); position:absolute;top:" + menu_y[5] +  ";left:" + menu_x[5] + ";visibility:hidden;z-index:10;}\n"; 
		str+="#Mmenu6{filter:alpha(opacity=100); position:absolute;top:" + menu_y[6] +  ";left:" + menu_x[6] + ";visibility:hidden;z-index:10;}\n"; 
		str+="#Mmenu7{filter:alpha(opacity=100); position:absolute;top:" + menu_y[7] +  ";left:" + menu_x[7] + ";visibility:hidden;z-index:10;}\n"; 


}
else
{
	str+="#Mmenu0{position:absolute;top:" + menu_y[0] +  ";left:" + menu_x[0] + ";visibility:hidden;}\n";
	str+="#Mmenu1{position:absolute;top:" + menu_y[1] +  ";left:" + menu_x[1] + ";visibility:hidden;}\n";
	str+="#Mmenu2{position:absolute;top:" + menu_y[2] +  ";left:" + menu_x[2] + ";visibility:hidden;}\n";
	str+="#Mmenu3{position:absolute;top:" + menu_y[3] +  ";left:" + menu_x[3] + ";visibility:hidden;}\n";
	str+="#Mmenu4{position:absolute;top:" + menu_y[4] +  ";left:" + menu_x[4] + ";visibility:hidden;}\n";
	str+="#Mmenu5{position:absolute;top:" + menu_y[5] +  ";left:" + menu_x[5] + ";visibility:hidden;}\n";
	str+="#Mmenu6{position:absolute;top:" + menu_y[6] +  ";left:" + menu_x[6] + ";visibility:hidden;}\n";
	str+="#Mmenu7{position:absolute;top:" + menu_y[7] +  ";left:" + menu_x[7] + ";visibility:hidden;}\n";

}
	str+="</style>";
	document.write (str);

	function mout(x){
		
	}

	function hideall(){
		for(i=0;i<=7;i++) { 
			if(ie) eval("Mmenu"+i +".style.visibility='hidden';");
			else if (isMozilla){
				var objMDiv = document.getElementById("Mmenu"+i);
				objMDiv.style.visibility="hidden";
			}
			else  document.layers[i].visibility="hide";
			}
	}

	function menu(x){
		hideall();
		temp=x;
		if(ie) eval("Mmenu"+ x +".style.visibility='visible';");
		else if (isMozilla){
				var objMDiv = document.getElementById("Mmenu"+ x);
				objMDiv.style.visibility="visible";
			}
		else  document.layers[x].visibility="show";
	}

	
	document.write ("<div id='Mmenu0'>");
	document.write ("<table cellpadding=4 cellspacing=1 border=0 >");
	document.write ("<tr>");
	//document.write ("<tr><td width=30><img src='images/square_bg.gif' border=0></td>");
	document.write ("<td><a id='a1' href='javascript:show_menu(1)' class='square1'></a></td>");
	document.write ("<td><a id='a2' href='javascript:show_menu(2)' class='square1'></a></td>");
	document.write ("<td><a id='a3' href='javascript:show_menu(3)' class='square1'></a></td>");
	document.write ("<td><a id='a4' href='javascript:show_menu(4)' class='square1'></a></td></tr>");
	document.write ("</table>");
	document.write ("</div>");
	
	document.write ("<div id='Mmenu1' >");
	document.write ("<table cellpadding=4 cellspacing=1 border=0>");
	document.write ("<tr>");
//	document.write ("<tr><td width=30><img src='images/square_bg.gif' border=0></td>");
	//document.write ("<td><a id='a5' href='javascript:show(5)' class='square1'></a></td>");
	document.write ("<td><a id='a6' href='javascript:show_menu(6)' class='square1'></a></td></tr>");
	document.write ("</table>");
	document.write ("</div>");
	
	document.write ("<div id='Mmenu2' >");
	document.write ("<table cellpadding=4 cellspacing=1 border=0>");
	document.write ("<tr>");
//	document.write ("<tr><td width=30><img src='images/square_bg.gif' border=0></td>");
	//document.write ("<td><a id='a7' href='javascript:show(7)' class='square1'></a></td>");
	document.write ("<td><a id='a8' href='javascript:show_menu(8)' class='square1'></a></td></tr>");
	document.write ("</table>");
	document.write ("</div>");

	document.write ("<div id='Mmenu3' >");
	document.write ("<table cellpadding=4 cellspacing=1 border=0>");
	document.write ("<tr>");
	//document.write ("<tr><td width=30><img src='images/square_bg.gif' border=0></td>");
	//document.write ("<td><a id='a9' href='javascript:show(9)' class='square1'></a></td>");
	document.write ("<td><a id='a10' href='javascript:show_menu(10)' class='square1'></a></td>");
	document.write ("<td><a id='a11' href='javascript:show_menu(11)' class='square1'></a></td></tr>");
	document.write ("</table>");
	document.write ("</div>");

	document.write ("<div id='Mmenu4' >");
	document.write ("<table cellpadding=4 cellspacing=1 border=0>");
	document.write ("<tr>");
	//document.write ("<tr><td width=30><img src='images/square_bg.gif' border=0></td>");
	//document.write ("<td><a id='a13' href='javascript:show(13)' class='square1'></a></td>");
	document.write ("<td><a id='a14' href='javascript:show_menu(14)' class='square1'></a></td></tr>");
	document.write ("</table>");
	document.write ("</div>");
	
	document.write ("<div id='Mmenu5' >");
	document.write ("<table cellpadding=4 cellspacing=1 border=0>");
	document.write ("<tr>");
	//document.write ("<tr><td width=30><img src='images/square_bg.gif' border=0></td>");
	//document.write ("<td><a id='a15' href='javascript:show(15)' class='square1'></a></td>");
	document.write ("<td><a id='a16' href='javascript:show_menu(16)' class='square1'></a></td>");
	document.write ("<td><a id='a17' href='javascript:show_menu(17)' class='square1'></a></td></tr>");
	document.write ("</table>");
	document.write ("</div>");
	
	document.write ("<div id='Mmenu6' >");
	document.write ("<table cellpadding=4 cellspacing=1 border=0>");
	document.write ("<tr>");
	//document.write ("<tr><td width=30><img src='images/square_bg.gif' border=0></td>");
	//document.write ("<td><a id='a19' href='javascript:show(19)' class='square1'></a></td>");
	document.write ("<td><a id='a21' href='javascript:show_menu(21)' class='square1'></a></td>");
	document.write ("<td><a id='a20' href='javascript:show_menu(20)' class='square1'></a></td></tr>");
	document.write ("</table>");
	document.write ("</div>");

	document.write ("<div id='Mmenu7' >");
	document.write ("<table cellpadding=4 cellspacing=1 border=0>");
	document.write ("<tr>");
	//document.write ("<td ><a id='a24' href='javascript:show(24)' class='square1'></a></td>");
	document.write ("<td><a  id='a25' href='javascript:show_menu(25)' class='square1'></a></td>");
	document.write ("<td><a  id='a26' href='javascript:show_menu(26)' class='square1'></a></td></tr>");
	document.write ("</table>");
	document.write ("</div>");


	function show_menu(arg)
	{
	document.getElementById('portfolio').src='portfolio/portfolio_image'+arg+'.jpg';
	for(i=1;i<=26;i++)
		{
			if ((i!=18) && (i!=12) && (i!=22) && (i!=23) && (i!=24) && (i!=19) && (i!=15) && (i!=13) && (i!=9) && (i!=7) && (i!=5))
				document.getElementById('a'+i).style.backgroundColor='';	
		}
	
	document.getElementById('a'+arg).style.backgroundColor='#CC6633';
	}
	
	function show(arg)
	{
		document.getElementById('portfolio').src='portfolio/portfolio_image'+arg+'.jpg';
	}