var curnum, x, y;
function ONOFF(num, mode)
{
	if (mode==1) visibility="inline";
	else visibility="none";
	screenWidth=document.body.clientWidth;
//	alert(num)
	document.getElementById("m").style.width=283;
	document.getElementById("m").style.height=211;
	switch(num)
	{
		case 1: x=parseInt(screenWidth/2)-155; y=282; document.getElementById("m").style.height=160; break;
		case 2: x=parseInt(screenWidth/2)-426; y=214; break;
		case 3: x=parseInt(screenWidth/2)-73; y=238; break;
		case 4: x=parseInt(screenWidth/2)-234; y=212; break;
		case 5: x=parseInt(screenWidth/2)-240; y=250; break;
		case 6: x=parseInt(screenWidth/2)+37; y=284; document.getElementById("m").style.height=160; break;
		case 7: x=parseInt(screenWidth/2)-365; y=278; document.getElementById("m").style.height=170; break;
		case 8: x=parseInt(screenWidth/2)-188; y=247; break;
		case 9: x=parseInt(screenWidth/2)+268; y=244; document.getElementById("m").style.width=190; break;
		case 10: x=parseInt(screenWidth/2)-240; y=244; document.getElementById("m").style.width=700; break;
		case 11: x=parseInt(screenWidth/2)+164; y=298; document.getElementById("m").style.height=150; break;
		case 12: x=parseInt(screenWidth/2)-73; y=287; document.getElementById("m").style.height=150; break;
		case 13: x=parseInt(screenWidth/2)+50; y=240; break;
		case 14: x=parseInt(screenWidth/2)-375; y=269; document.getElementById("m").style.height=180; break;
//		case 8: x=parseInt(screenWidth/2)-; y=; ; break;
/*		case 6: x=parseInt(screenWidth/2)-; y=298; ; break;
		case 8: x=parseInt(screenWidth/2)-; y=; ; break;
		case 9: x=parseInt(screenWidth/2)-; y=; ; break;
		case 12: x=parseInt(screenWidth/2)-; y=; ; break;*/
	}
	document.getElementById("m").style.left=x+"px";
	document.getElementById("m").style.top=y+"px";
	document.getElementById("m").style.backgroundImage='url("/design/img/ocupations/o'+num+'.jpg")';
	document.getElementById("m").style.display=visibility; 
	curnum=num;
}

var curnum1, x1, y1;
function ONOFF1(num, mode)
{
	if (mode==1) visibility="inline";
	else visibility="none";
	screenWidth=document.body.clientWidth;
//	alert(num)
	document.getElementById("m1").style.width=283;
	document.getElementById("m1").style.height=211;
	switch(num)
	{
		case 1: x1=parseInt(screenWidth/2)-155; y1=282; document.getElementById("m1").style.height=160; break;
		case 2: x1=parseInt(screenWidth/2)-426; y1=214; break;
		case 3: x1=parseInt(screenWidth/2)-73; y1=238; break;
		case 4: x1=parseInt(screenWidth/2)-234; y1=212; break;
		case 5: x1=parseInt(screenWidth/2)-240; y1=250; break;
		case 6: x1=parseInt(screenWidth/2)+37; y1=284; document.getElementById("m1").style.height=160; break;
		case 7: x1=parseInt(screenWidth/2)-365; y1=278; document.getElementById("m1").style.height=170; break;
		case 8: x1=parseInt(screenWidth/2)-188; y1=247; break;
		case 9: x1=parseInt(screenWidth/2)+268; y1=244; document.getElementById("m1").style.width=190; break;
		case 10: x1=parseInt(screenWidth/2)-240; y1=244; document.getElementById("m1").style.width=700; break;
		case 11: x1=parseInt(screenWidth/2)+164; y1=298; document.getElementById("m1").style.height=150; break;
		case 12: x1=parseInt(screenWidth/2)-73; y1=287; document.getElementById("m1").style.height=150; break;
		case 13: x1=parseInt(screenWidth/2)+50; y1=240; break;
		case 14: x1=parseInt(screenWidth/2)-375; y1=269; document.getElementById("m1").style.height=180; break;
//		case 8: x1=parseInt(screenWidth/2)-; y=; ; break;
/*		case 6: x1=parseInt(screenWidth/2)-; y=298; ; break;
		case 8: x1=parseInt(screenWidth/2)-; y=; ; break;
		case 9: x1=parseInt(screenWidth/2)-; y=; ; break;
		case 12: x1=parseInt(screenWidth/2)-; y=; ; break;*/
	}
	document.getElementById("m1").style.left=x1+"px";
	document.getElementById("m1").style.top=y1+"px";
	document.getElementById("m1").style.backgroundImage='url("/design/img/ocupations/o'+num+'.jpg")';
	document.getElementById("m1").style.display=visibility; 
	curnum1=num;
}