showflag = false;

function view(type,src){
			document.getElementById("viewArea").style.display = "none";
			document.getElementById("viewAreaBack").style.display =  "none";
  divheight = 400;
  var displayh3=document.getElementById("viewAreaH3");
  var displaydiv=document.getElementById("viewAreaDivContent");
  var viewarea=document.getElementById("viewArea");
  viewarea.style.display = "block";
  var viewareaback=document.getElementById("viewAreaBack");
  viewareaback.style.display = "block";
  var h = 0;


  var htmlelm=  document.getElementById(src);
  var htmlsrch3 =  htmlelm.getElementsByTagName("h3")[0].innerHTML;
  displayh3.innerHTML=htmlsrch3;
  var htmlsrcdiv =  htmlelm.getElementsByTagName("div")[0].innerHTML;
  if(type=="pano"){
    panofile = 'vr/'+src+'.jpg';
    var htmlsrcdiv = "<br />" + pano('300','200',panofile,'80','30','1','100','40') +htmlsrcdiv;
  }else{
  }
  displaydiv.innerHTML=htmlsrcdiv;
  viewareaback.innerHTML="";
  if(typeof(hidetimeoutid) !="undefined"){ 
  clearTimeout(hidetimeoutid);
  }
  if(showflag){
  showInfo(1);
  }else{
  showInfo(0.005);
  }

//  showInfo(0.005);
}
function closeViewArea(){
  hideInfo(1);
}

function showInfo(p){
  showflag = true; 
  if(p < 1){
    p = p * 3;
	if(p > 1){p =1;}
	document.getElementById('viewArea').style.opacity=(p);
    document.getElementById('viewAreaBack').style.opacity = (p)*0.9;
	document.getElementById('viewArea').style.filter = "alpha(opacity="+p*90+")";
	document.getElementById('viewAreaBack').style.filter = "alpha(opacity="+p*90+")";
    showtimeoutid = setTimeout("showInfo(" + p + ")",30);
  }else{
	document.getElementById('viewArea').style.opacity=(p);
    document.getElementById('viewAreaBack').style.opacity = (p)*0.9;
	document.getElementById('viewArea').style.filter = "alpha(opacity="+p*90+")";
	document.getElementById('viewAreaBack').style.filter = "alpha(opacity="+p*90+")";

  document.getElementById('viewArea').style.overflow = "visible";
  document.getElementById('viewAreaBack').style.overflow = "visible";
  document.getElementById('viewAreaDiv').style.overflow = "auto";
  if(typeof(showtimeoutid) !="undefined"){ 
  clearTimeout(showtimeoutid);
  }
  showtimeoutid = 0;
  }
}

function hideInfo(p){
  showflag = false; 
		if(p > 0.005){
			p = p / 4;
			if(p < 0.005){p =0;}
			document.getElementById('viewArea').style.opacity=(p);
			document.getElementById('viewAreaBack').style.opacity = (p)*0.9;
			document.getElementById('viewArea').style.filter = "alpha(opacity="+p*90+")";
			document.getElementById('viewAreaBack').style.filter = "alpha(opacity="+p*90+")";
			hidetimeoutid = setTimeout("hideInfo(" + p +")",30);
		}else{
			document.getElementById("viewArea").style.display = "none";
			document.getElementById("viewAreaBack").style.display =  "none";
			clearTimeout(hidetimeoutid);
			hidetimeoutid = 0;
		}
}