var ie=document.all ? true : false;
function show_guides(item){
  var mask=document.getElementById('mask');
  var main=document.getElementById('main');
  var details=document.getElementById('details');
  var contactForm=document.getElementById('contact_form');
  var preload=new Image();
  var height=0;

  preload.src="/images/loading.gif";
  mask.style.display='block';

  if(document.all){
    height=document.body.scrollHeight;
  }else{
    height=document.defaultView.getComputedStyle(document.body, "").getPropertyValue("height");
    height=parseInt(height.split("px")[0]);
  }

  if(!ie){
    mask.style.width=window.innerWidth+"px";
    mask.style.height=height+"px";
  } else {      
    mask.style.width=document.documentElement.clientWidth+"px";
    mask.style.height=height+"px";
  }
  mask.style.top="0px";
  mask.style.left="0px";

  main.style.display='block';
  if(!ie){
    var hgt;//=window.innerHeight;
    hgt=document.body.scrollHeight;
    mask.style.width=window.innerWidth+"px";
    mask.style.height=(hgt)+"px";     
    main.style.left=((window.innerWidth/2)-(350))+"px";		  		  
    main.style.top=(((window.innerHeight/2))+window.pageYOffset)-200+"px";
  } else {
    mask.style.width=document.body.clientWidth+"px";
    mask.style.height=(document.body.clientHeight+document.body.scrollHeight)+"px";			
    main.style.left=((document.documentElement.clientWidth/2)-(350))+"px";
    main.style.top=((document.documentElement.clientHeight/2)+(document.documentElement.scrollTop))-200+"px";
  }

  
  details.style.display='block';
  contactForm.style.display='none';
  
  if(ie){
    switch(event.srcElement.nodeName){
      case "TD":
        item=event.srcElement.parentNode.id;
        break;
      case "SPAN":
        item=event.srcElement.parentNode.parentNode.id;
        break;
      case "P":
        item=event.srcElement.parentNode.id;
        break;
      case "H3":
        item=event.srcElement.parentNode.id;
        break;
      default:
        item=event.srcElement.id;
        break;
    }
    //item=event.srcElement.parentNode.id;
    
  }else{
    //item.stopPropagation();    

    switch(item.target.nodeName){
      case "TD":
        item=item.target.parentNode.id;
        break;
      case "SPAN":
        item=item.target.parentNode.parentNode.id;
        break;
      case "P":
        item=item.target.parentNode.id;
        break;
      case "H3":
        item=item.target.parentNode.id;
        break;
      default:
        item=item.target.id;
        break;
     }
  }

  populateFields(item);
}

function show_contact(){
  var details=document.getElementById('details');
  var contactForm=document.getElementById('contact_form');

  details.style.display='none';
  contactForm.style.display='block';
}

function back_to_details(){
  var details=document.getElementById('details');
  var contactForm=document.getElementById('contact_form');

  details.style.display='block';
  contactForm.style.display='none';
}

function remove_guides(){
  var mask=document.getElementById('mask');
  var main=document.getElementById('main');
  var details=document.getElementById('details');
  var contactForm=document.getElementById('contact_form');
  
  mask.style.display="none";
  main.style.display="none";
  details.style.display="none";
  contactForm.style.display="none";
}