document.onmousedown = fnMouser;

templateImages=new Array();
root="http://brothershomeinspectors.com/dev/";
var varMailbox=0;

function fnMouser(e){

 //alert(e);
 //alert(e.type);
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
	
	var targ;
	if (!e) var e = window.event;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	if (targ.nodeType == 3) // defeat Safari bug
		targ = targ.parentNode;	
  //alert(targ.id);

	if(
      (targ.id!='pop_mailbox')&&
      (targ.id!='innerMailbox1')&&
      (targ.id!='innerMailbox2')&&
      (targ.id!='innerMailbox3')&&
      (targ.id!='idForm1')&&
      (targ.id!='label4email')&&
      (targ.id!='idEmail')&&
      (targ.id!='label4textarea')&&
      (targ.id!='idTextarea')&&
      (targ.id!='idSubmit1')
		)
		{	varMailbox=0;	}
	
	if(targ.id=='mailbox'){
	
   if(varMailbox==0){
	 	varMailbox=1;	
	 }
	 
	} else {
	
	 if(varMailbox==0){
	  if(
		   (targ.id!='buttonOurServices')&&
       (targ.id!='buttonAboutUs')&&
       (targ.id!='buttonContactUs')			 
			)
			{
	   fnTurnAllOff();
	   fnPopUp(targ.id);
		}
	 }
	 	
	}
}

function fnPopUp(tmpId){

  if(tmpId!='mailbox'){
	 varMailbox=0;
	}

  if(document.getElementById('pop_'+tmpId)){
    fnTurnAllOff();	 
    document.getElementById('pop_'+tmpId).style.display="block";
  }
  if(document.getElementById('pop_'+tmpId+'off')){
    fnTurnAllOff();	 	 
   document.getElementById('pop_'+tmpId+'_off').style.display="none";
  }
}

function fnTurnAllOff(){
 document.getElementById('pop_mailbox').style.display="none";
 document.getElementById('pop_about_us').style.display="none";
 
 //-- SERVICES --//
   document.getElementById('pop_roof').style.display="none"; 	
   document.getElementById('pop_roof_off').style.display="block";
  
   document.getElementById('pop_garage').style.display="none"; 	
   document.getElementById('pop_garage_off').style.display="block";
  
   document.getElementById('pop_door').style.display="none"; 	
   document.getElementById('pop_door_off').style.display="block";
  
   document.getElementById('pop_electrical').style.display="none"; 	
   document.getElementById('pop_electrical_off').style.display="block";   
  
   document.getElementById('pop_plumbing').style.display="none"; 	
   document.getElementById('pop_plumbing_off').style.display="block";
   
   document.getElementById('pop_foundation').style.display="none"; 	
   document.getElementById('pop_foundation_off').style.display="block";
 //-- SERVICES END --//	 	 	 	     
}

function fnContactUs(){

 if(document.getElementById('pop_mailbox').style.display=="none"){
   fnTurnAllOff();
   document.getElementById('pop_mailbox').style.display="block";
	 varMailbox=1;
 } else {
   fnTurnAllOff(); 
   document.getElementById('pop_mailbox').style.display="none";
	 varMailbox=0; 	
 }
}

function fnAboutUs(){
 varMailbox=0;
 if(document.getElementById('pop_about_us').style.display=="none"){
   fnTurnAllOff(); 
   document.getElementById('pop_about_us').style.display="block"; 	
 } else {
   fnTurnAllOff(); 
   document.getElementById('pop_about_us').style.display="none"; 	
 }
}

function fnServices(){
 varMailbox=0;
 if(document.getElementById('pop_roof').style.display=="none"){
   fnTurnAllOff();
	 
   document.getElementById('pop_roof').style.display="block"; 	
   document.getElementById('pop_roof_off').style.display="none";
  
   document.getElementById('pop_garage').style.display="block"; 	
   document.getElementById('pop_garage_off').style.display="none";
  
   document.getElementById('pop_door').style.display="block"; 	
   document.getElementById('pop_door_off').style.display="none";
  
   document.getElementById('pop_electrical').style.display="block"; 	
   document.getElementById('pop_electrical_off').style.display="none";   
  
   document.getElementById('pop_plumbing').style.display="block"; 	
   document.getElementById('pop_plumbing_off').style.display="none";
   
   document.getElementById('pop_foundation').style.display="block"; 	
   document.getElementById('pop_foundation_off').style.display="none";
 } else {
   fnTurnAllOff();
	  
   document.getElementById('pop_roof').style.display="none"; 	
   document.getElementById('pop_roof_off').style.display="block";
  
   document.getElementById('pop_garage').style.display="none"; 	
   document.getElementById('pop_garage_off').style.display="block";
  
   document.getElementById('pop_door').style.display="none"; 	
   document.getElementById('pop_door_off').style.display="block";
  
   document.getElementById('pop_electrical').style.display="none"; 	
   document.getElementById('pop_electrical_off').style.display="block";   
  
   document.getElementById('pop_plumbing').style.display="none"; 	
   document.getElementById('pop_plumbing_off').style.display="block";
   
   document.getElementById('pop_foundation').style.display="none"; 	
   document.getElementById('pop_foundation_off').style.display="block"; 
 }  
}

//-- Other Roll-Over
function fnRollIn(tmpId){
 numSize=templateImages.length;
 for(x=1;x<numSize;x++){
  tmpSrc=templateImages[x]['a'].src.replace(root, "");
	tmpOrigin=document.getElementById(tmpId).style.backgroundImage.replace(/"/g,"");
  if(tmpOrigin=="url("+ tmpSrc +")"){
   tmpSrc=templateImages[x]['b'].src.replace(root, "");
   document.getElementById(tmpId).style.backgroundImage='url("'+ tmpSrc +'")';
	}
 }
}

function fnRollOut(tmpId){
 numSize=templateImages.length;
 for(x=1;x<numSize;x++){
  tmpSrc=templateImages[x]['b'].src.replace(root, "");
	tmpOrigin=document.getElementById(tmpId).style.backgroundImage.replace(/"/g,"");
  if(tmpOrigin=="url("+ tmpSrc +")"){
   tmpSrc=templateImages[x]['a'].src.replace(root, "");	
   document.getElementById(tmpId).style.backgroundImage='url("'+ tmpSrc +'")';
	 /*
	 if(document.getElementById('pop_'+tmpId)){
	  fnTurnAllOff();	 	 
    document.getElementById('pop_'+tmpId).style.display="none";
	 }
	 if(document.getElementById('pop_'+tmpId+'off')){
	  fnTurnAllOff();	 	 
    document.getElementById('pop_'+tmpId+'_off').style.display="block";
	 }	
	 */ 	 	 	 
	}
 }
}

//-- PRELOAD IMAGES --//
function fnPreLoad(){
  //-- Template Images
	templateImages[1]=new Array();
  templateImages[1]['a'] = new Image(344,101);
  templateImages[1]['a'].src = root+"images/roof.png"; 
  templateImages[1]['b'] = new Image(344,101);
  templateImages[1]['b'].src = root+"images/2_roof.png";

	templateImages[2]=new Array();
  templateImages[2]['a'] = new Image(139,186);
  templateImages[2]['a'].src = root+"images/garage.png"; 
  templateImages[2]['b'] = new Image(139,186);
  templateImages[2]['b'].src = root+"images/2_garage.png";
	
	templateImages[3]=new Array();
  templateImages[3]['a'] = new Image(143,275);
  templateImages[3]['a'].src = root+"images/door.png"; 
  templateImages[3]['b'] = new Image(143,275);
  templateImages[3]['b'].src = root+"images/2_door.png";
	
	templateImages[4]=new Array();
  templateImages[4]['a'] = new Image(143,55);
  templateImages[4]['a'].src = root+"images/mailbox.png";
  templateImages[4]['b'] = new Image(143,55);
  templateImages[4]['b'].src = root+"images/2_mailbox.png";
	
	templateImages[5]=new Array();
  templateImages[5]['a'] = new Image(185,134);
  templateImages[5]['a'].src = root+"images/electrical.png"; 
  templateImages[5]['b'] = new Image(185,134);
  templateImages[5]['b'].src = root+"images/2_electrical.png";
	
	templateImages[6]=new Array();
  templateImages[6]['a'] = new Image(185,130);
  templateImages[6]['a'].src = root+"images/plumbing.png"; 
  templateImages[6]['b'] = new Image(185,130);
  templateImages[6]['b'].src = root+"images/2_plumbing.png";
	
	templateImages[7]=new Array();
  templateImages[7]['a'] = new Image(153,115);
  templateImages[7]['a'].src = root+"images/foundation.png"; 
  templateImages[7]['b'] = new Image(153,115);
  templateImages[7]['b'].src = root+"images/2_foundation.png";
	
	templateImages[8]=new Array();
  templateImages[8]['a'] = new Image(173,115);
  templateImages[8]['a'].src = root+"images/about_us.png";
  templateImages[8]['b'] = new Image(173,115);
  templateImages[8]['b'].src = root+"images/2_about_us.png";
}	
//-- PRELOAD IMAGES END --//

window.onload=function(){
 fnPreLoad();
}