var johnSwitch = false;
var vheight =0;
function pop(show,height){

	if(!johnSwitch){
		johnSwitch = true;
		if(show=="1"){
			document.getElementById("menu1").style.display ="block";
			document.getElementById("menu2").style.display ="none";
			document.getElementById("menu3").style.display ="none";
			document.getElementById("menu4").style.display ="none";
			document.getElementById("menu5").style.display ="none";
			document.getElementById("menu6").style.display ="none";
			//document.getElementById("menu7").style.display ="none";

		}else if(show=="2"){
			document.getElementById("menu1").style.display ="none";
			document.getElementById("menu2").style.display ="block";
			document.getElementById("menu3").style.display ="none";
			document.getElementById("menu4").style.display ="none";
			document.getElementById("menu5").style.display ="none";
			document.getElementById("menu6").style.display ="none";
			//document.getElementById("menu7").style.display ="none";

		}else if(show=="3"){
			document.getElementById("menu1").style.display ="none";
			document.getElementById("menu2").style.display ="none";
			document.getElementById("menu3").style.display ="block";
			document.getElementById("menu4").style.display ="none";
			document.getElementById("menu5").style.display ="none";
			document.getElementById("menu6").style.display ="none";
			//document.getElementById("menu7").style.display ="none";

		}else if(show=="4"){
			document.getElementById("menu1").style.display ="none";
			document.getElementById("menu2").style.display ="none";
			document.getElementById("menu3").style.display ="none";
			document.getElementById("menu4").style.display ="block";
			document.getElementById("menu5").style.display ="none";
			document.getElementById("menu6").style.display ="none";
			//document.getElementById("menu7").style.display ="none";
			
		}else if(show=="5"){
			document.getElementById("menu1").style.display ="none";
			document.getElementById("menu2").style.display ="none";
			document.getElementById("menu3").style.display ="none";
			document.getElementById("menu4").style.display ="none";
			document.getElementById("menu5").style.display ="block";
			document.getElementById("menu6").style.display ="none";
		}else if(show=="6"){
			document.getElementById("menu1").style.display ="none";
			document.getElementById("menu2").style.display ="none";
			document.getElementById("menu3").style.display ="none";
			document.getElementById("menu4").style.display ="none";
			document.getElementById("menu5").style.display ="none";
			document.getElementById("menu6").style.display ="block";
			//document.getElementById("menu7").style.display ="none";
		}else if(show=="7"){
			document.getElementById("menu1").style.display ="none";
			document.getElementById("menu2").style.display ="none";
			document.getElementById("menu3").style.display ="none";
			document.getElementById("menu4").style.display ="none";
			document.getElementById("menu5").style.display ="none";
			document.getElementById("menu6").style.display ="none";
			//document.getElementById("menu7").style.display ="block";
		}

		
		if(vheight!=0 && vheight > parseInt(height)){
			
			johnSwitch = false;
			down(height);
		}else{
			move(height);
		}

		
	}
}



function down(height){
	
	if(height=="1"){
		document.getElementById("menu1").style.display ="none";
		document.getElementById("menu2").style.display ="none";
		document.getElementById("menu3").style.display ="none";
		document.getElementById("menu4").style.display ="none";
		document.getElementById("menu5").style.display ="none";
		document.getElementById("menu6").style.display ="none";
	}

	if(!johnSwitch){
		johnSwitch = true;
		//vheight =0;
		movedown(parseInt(height));
	}
}
var count = 0;
function movedown(height){

	if(height!=null && height!=""){
//alert("down, height : "+height+", vheight : "+vheight+"\nheight : "+document.getElementById("popMenu").style.height.replace("px","")+", top : "+parseInt(document.getElementById("popMenu").style.top.replace("px","")));
		vheight = parseInt(height);
	}
	//alert(parseInt(document.getElementById("popMenu").style.top.replace("px",""))+","+vheight);
	if(parseInt(document.getElementById("popMenu").style.top.replace("px",""))>117){
		
		var tempy = parseInt(document.getElementById("popMenu").style.top.replace("px",""));
		var oldy = tempy - 117;
		if(oldy >=10){
		
			document.getElementById("popMenu").style.top = (parseFloat(document.getElementById("popMenu").style.top.replace("px",""))-(oldy*0.1))+"px";
		}else{
			document.getElementById("popMenu").style.top = (parseInt(document.getElementById("popMenu").style.top.replace("px",""))-1)+"px";
		}
		
		if(parseInt(document.getElementById("popMenu").style.height.replace("px",""))>vheight){
			document.getElementById("popMenu").style.height = (parseInt(document.getElementById("popMenu").style.height.replace("px",""))-10)+"px";
		}
		setTimeout("movedown();", 10);
	}
	else{
		//alert(",");
		johnSwitch = false;
		
	}

	if(parseInt(document.getElementById("popMenu").style.height.replace("px","")) > vheight ){
			//alert(vheight);
			document.getElementById("popMenu").style.height = parseInt(height)+"px";
		}
	
}

function move(height){ //top 117
	if(height!=null && height!=""){
		vheight = parseInt(height);
//alert("up, height : "+height+", vheight : "+vheight+"\nheight : "+document.getElementById("popMenu").style.height.replace("px","")+", top : "+parseInt(document.getElementById("popMenu").style.top.replace("px","")));
	}
	var a = (parseInt(document.getElementById("popMenu").style.height.replace("px",""))  );
	
	if( a< vheight ){
		//var tempy = parseInt(document.getElementById("popMenu").style.height.replace("px",""));
		var oldy = vheight - a;
		
		if(oldy >=10){
			document.getElementById("popMenu").style.height = (parseFloat(document.getElementById("popMenu").style.height.replace("px",""))+(oldy*0.5))+"px";
		}else{
			document.getElementById("popMenu").style.height = (parseInt(document.getElementById("popMenu").style.height.replace("px",""))+1)+"px";
		}
		
		//if(parseInt(document.getElementById("popMenu").style.height.replace("px","")) < vheight ){
		//	document.getElementById("popMenu").style.height = (parseInt(document.getElementById("popMenu").style.height.replace("px",""))+10)+"px";
		//}
		setTimeout("move();", 10);
	}
	else{
		if(parseInt(document.getElementById("popMenu").style.height.replace("px","")) < vheight ){
			document.getElementById("popMenu").style.height = parseInt(height);
		}
		johnSwitch = false;
	}

	if(parseInt(document.getElementById("popMenu").style.height.replace("px","")) < vheight ){
			document.getElementById("popMenu").style.height = parseInt(height)+"px";
		}
}
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}




function countSelect()
{
	var count=0;
	if (document.getElementById('icon01').style.display=='block' )
	{
		count++;
	}
		if (document.getElementById('icon02').style.display=='block' )
	{
		count++;
	}
		if (document.getElementById('icon03').style.display=='block' )
	{
		count++;
	}
		if (document.getElementById('icon04').style.display=='block' )
	{
		count++;
	}
		if (document.getElementById('icon05').style.display=='block' )
	{
		count++;
	}
		if (document.getElementById('icon06').style.display=='block' )
	{
		count++;
	}
		if (document.getElementById('icon07').style.display=='block' )
	{
		count++;
	}
		if (document.getElementById('icon08').style.display=='block' )
	{
		count++;
	}
		if (document.getElementById('icon09').style.display=='block' )
	{
		count++;
	}
		if (document.getElementById('icon10').style.display=='block' )
	{
		count++;
	}
	
	return count;
}
function iconOn01() {  if (countSelect()==5){return;}  document.getElementById('icon01').style.display='block';   document.getElementById('iconMenu01On').style.display='block';  saveIcon();  return false;}
function iconOn02() {  if (countSelect()==5){return;}  document.getElementById('icon02').style.display='block';   document.getElementById('iconMenu02On').style.display='block';   saveIcon();   return false;}
function iconOn03() { if (countSelect()==5){return;}   document.getElementById('icon03').style.display='block';   document.getElementById('iconMenu03On').style.display='block';   saveIcon();   return false;}
function iconOn04() {  if (countSelect()==5){return;}  document.getElementById('icon04').style.display='block';   document.getElementById('iconMenu04On').style.display='block';   saveIcon();   return false;}
function iconOn05() {  if (countSelect()==5){return;}  document.getElementById('icon05').style.display='block';   document.getElementById('iconMenu05On').style.display='block';   saveIcon();   return false;}
function iconOn06() {  if (countSelect()==5){return;}  document.getElementById('icon06').style.display='block';   document.getElementById('iconMenu06On').style.display='block';  saveIcon();    return false;}
function iconOn07() { if (countSelect()==5){return;}   document.getElementById('icon07').style.display='block';   document.getElementById('iconMenu07On').style.display='block';  saveIcon();    return false;}
function iconOn08() { if (countSelect()==5){return;}   document.getElementById('icon08').style.display='block';   document.getElementById('iconMenu08On').style.display='block';  saveIcon();    return false;}
function iconOn09() { if (countSelect()==5){return;}   document.getElementById('icon09').style.display='block';   document.getElementById('iconMenu09On').style.display='block';   saveIcon();   return false;}
function iconOn10() { if (countSelect()==5){return;}   document.getElementById('icon10').style.display='block';   document.getElementById('iconMenu10On').style.display='block';   saveIcon();   return false;}

function iconOff01() {  document.getElementById('icon01').style.display='none';   document.getElementById('iconMenu01On').style.display='none';   saveIcon();   return false;}
function iconOff02() {  document.getElementById('icon02').style.display='none';   document.getElementById('iconMenu02On').style.display='none';   saveIcon();   return false;}
function iconOff03() {  document.getElementById('icon03').style.display='none';   document.getElementById('iconMenu03On').style.display='none';  saveIcon();    return false;}
function iconOff04() {  document.getElementById('icon04').style.display='none';   document.getElementById('iconMenu04On').style.display='none';   saveIcon();   return false;}
function iconOff05() {  document.getElementById('icon05').style.display='none';   document.getElementById('iconMenu05On').style.display='none';   saveIcon();   return false;}
function iconOff06() {  document.getElementById('icon06').style.display='none';   document.getElementById('iconMenu06On').style.display='none';   saveIcon();   return false;}
function iconOff07() {  document.getElementById('icon07').style.display='none';   document.getElementById('iconMenu07On').style.display='none';  saveIcon();    return false;}
function iconOff08() {  document.getElementById('icon08').style.display='none';   document.getElementById('iconMenu08On').style.display='none';  saveIcon();    return false;}
function iconOff09() {  document.getElementById('icon09').style.display='none';   document.getElementById('iconMenu09On').style.display='none';   saveIcon();   return false;}
function iconOff10() {  document.getElementById('icon10').style.display='none';   document.getElementById('iconMenu10On').style.display='none';   saveIcon();   return false;}

function offAllicon()
{
	var i =1;
	for (i=1;i<=9;i++)
	{
		document.getElementById('icon0' + i ).style.display='none';   document.getElementById('iconMenu0' + i +'On').style.display='none';
	}
	document.getElementById('icon10').style.display='none';   document.getElementById('iconMenu10On').style.display='none';  
}

function onicon(i)
{

document.getElementById('icon' + i).style.display='block';   document.getElementById('iconMenu'+i+'On').style.display='block'; 
}

<!-- iframe autoextend START -->
function resizeFrame(f) {
  f.style.height = f.contentWindow.document.body.scrollHeight + "px";
}
<!-- iframe autoextend END -->