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)?[42,42,42,42,42,42,42,42]:[42,42,42,42,42,42,42,42];
}
else{
	var menu_x=(screen.width==800)?[43,43,43,43,43,43,43,43]:[43,43,43,43,43,43,43,43];
}
if(ie)
{

	var menu_y=(screen.width==800)?[360,380,400,420,440,460,480,500]:[360,380,400,420,440,460,480,500];
}
else{
	var menu_y=(screen.width==800)?[345,367,389,410,433,455,455,499]:[345,367,389,410,433,455,455,499];
}
	
//	if(ie)
//	{
//		var menu_x=[43,43,43,43,43,43,43,43];
//		var menu_y=[360,380,400,420,440,460,480,500];
//	}
//	else
//	{
//		var menu_x=[43,43,43,43,43,43,43,43];
//		var menu_y=[344,366,388,410,432,454,476,498];
//	}

	
	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 ("<td><a id='a9' href='javascript:show_menu(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>");
	document.write ("<td><a id='a12' href='javascript:show_menu(12)' 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 ("<td><a id='a13' href='javascript:show_menu(13)' 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 ("<td><a id='a14' href='javascript:show_menu(14)' 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 ("<td><a id='a15' href='javascript:show_menu(15)' class='square1'></a></td>");
	document.write ("<td><a id='a16' href='javascript:show_menu(16)' 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 ("<td><a id='a17' href='javascript:show_menu(17)' 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 ("<td><a id='a18' href='javascript:show_menu(18)' class='square1'></a></td>");
	document.write ("<td><a id='a19' href='javascript:show_menu(19)' 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 ("<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='a25' href='javascript:show_menu(20)' class='square1'></a></td>");
	document.write ("<td><a  id='a26' href='javascript:show_menu(21)' 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<=21;i++)
		{
			//if ((i!=18) && (i!=12) && (i!=22) && (i!=23) && (i!=24) && (i!=19) && (i!=15) && (i!=13) && (i!=9) && (i!=7) && (i!=5))
			if(document.getElementById('a'+i)){
			  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';
	}