function findPos(obj) {
   var curtop = 0;
   if (obj.offsetParent) {
      do {curtop += obj.offsetTop;}while(obj=obj.offsetParent)
   }
   curtop -= 100;
   curtop += 'px';
   return curtop;
}

function createModal(state){
	var clickToClose = true; // set to true to close modalby clicking anywhere
	var container = document.getElementById('itemtype'); // page container id
	var modal = document.getElementById('modalOverlay'); // modal div id
	var modalFrame = document.getElementById('modalOverlayFrame'); // modal div id
	var cHeight = (container&&container!='undefined')?(container.offsetHeight+400)+"px":"1600px";
	var selects = document.getElementsByTagName('select');
	function off(){
      modal.style.display='none';
      modalFrame.style.display='none';
      for (i=0;i<selects.length;i++){selects[i].style.visibility='visible';}
   }
	function on(){
      modal.style.height=cHeight;
      modal.style.display='block';
      modalFrame.style.top=findPos(document.getElementById('mss-customer-reviews'));
      modalFrame.style.height=cHeight;modalFrame.style.display='block';
      for(i=0;i<selects.length;i++){selects[i].style.visibility='hidden';}
   }
	if(!modal||modal=='undefined'){modal=document.createElement('div');modal.id='modalOverlay';document.body.appendChild(modal);}
	if(!modalFrame||modalFrame=='undefined'){modalFrame=document.createElement('div');modalFrame.id='modalOverlayFrame';document.body.appendChild(modalFrame);}
	//if(clickToClose){modal.onclick=off}
	if (state=="on")on();
	if (state=="off")off();
	if (state="on") {modal.onclick=function(){
				//showLayer('itemLayer' , 'off');
				if(clickToClose)off();
			}
      modalFrame.onclick=function(){
				//showLayer('itemLayer' , 'off');
				if(clickToClose)off();
			}}
}