function add_bg(url){
	if (navigator.appVersion.indexOf("MSIE")!=-1){
	   var temp=navigator.appVersion.split("MSIE");
	   var version=parseFloat(temp[1]);
	   if(version<7){
	      document.getElementById("port_img").style.backgroundImage="none";
	      document.getElementById("port_img").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'"+url+"\', sizingMethod='image')";
//name=url.split(".");
document.getElementById("port_img").style.backgroundImage="url(\""+url.replace(".png",".gif")+"\")";
	   }else{
	      document.getElementById("port_img").style.backgroundImage="url(\""+url+"\")";
	   }
	}else{
	   document.getElementById("port_img").style.backgroundImage="url(\""+url+"\")";
	}
}

function menu_select(id){
	switch(id){
	case 1:
	   add_bg("../images/portfolio/magazines.png");
	   document.getElementById("port_img").style.height="420px";
	   document.getElementById("port_img").style.width="636px";
	   document.getElementById("port_img").style.top="90px";
	   document.getElementById("port_img").style.left="230px";
	break;
	case 2:
	   add_bg("../images/portfolio/logos.png");
	   document.getElementById("port_img").style.height="394px";
	   document.getElementById("port_img").style.width="654px";
	   document.getElementById("port_img").style.top="90px";
	   document.getElementById("port_img").style.left="230px";
	break;
	case 3:
	   add_bg("../images/portfolio/brochures.png");
	   document.getElementById("port_img").style.height="436px";
	   document.getElementById("port_img").style.width="696px";
	   document.getElementById("port_img").style.top="80px";
	   document.getElementById("port_img").style.left="230px";
	break;
	case 4:
	   add_bg("../images/portfolio/flyers.png");
	   document.getElementById("port_img").style.height="425px";
	   document.getElementById("port_img").style.width="699px";
	   document.getElementById("port_img").style.top="60px";
	   document.getElementById("port_img").style.left="230px";
	break;
	case 5:
	   add_bg("../images/portfolio/posters.png");
	   document.getElementById("port_img").style.height="443px";
	   document.getElementById("port_img").style.width="689px";
	   document.getElementById("port_img").style.top="65px";
	   document.getElementById("port_img").style.left="230px";
	break;
	case 6:
	   add_bg("../images/portfolio/cds.png");
	   document.getElementById("port_img").style.height="404px";
	   document.getElementById("port_img").style.width="621px";
	   document.getElementById("port_img").style.top="80px";
	   document.getElementById("port_img").style.left="230px";
	break;
	case 7:
	   add_bg("../images/portfolio/ads.png");
	   document.getElementById("port_img").style.height="399px";
	   document.getElementById("port_img").style.width="697px";
	   document.getElementById("port_img").style.top="80px";
	   document.getElementById("port_img").style.left="250px";
	break;
	case 8:
	   add_bg("../images/portfolio/t-shirts.png");
	   document.getElementById("port_img").style.height="413px";
	   document.getElementById("port_img").style.width="697px";
	   document.getElementById("port_img").style.top="80px";
	   document.getElementById("port_img").style.left="250px";
	break;
	case 9:
	   add_bg("../images/portfolio/misc.png");
	   document.getElementById("port_img").style.height="426px";
	   document.getElementById("port_img").style.width="682px";
	   document.getElementById("port_img").style.top="50px";
	   document.getElementById("port_img").style.left="250px";
	break;
	default:
	   add_bg("../images/portfolio/main.png");
	   document.getElementById("port_img").style.height="216px";
	   document.getElementById("port_img").style.width="473px";
	   document.getElementById("port_img").style.top="130px";
	   document.getElementById("port_img").style.left="300px";
	break;
	}
}