var contactDiv;
var contactContent = new Array();

function contactPage(){
var i;
	contactDiv=createDiv();
	contactDiv.style.zIndex=2;
	document.body.appendChild(contactDiv);
	//we declare the header and image as an array even if we don't have 
	//coz it is required to our function 
	i=0;
	contactContent[i]= new Object();
	contactContent[i].image= new Array();
	contactContent[i].header= new Array();
	contactContent[i].content= new Array();
	
	contactContent[i].header[0]="Contact Information";
	//for the contact content
	contactContent[i].content[0]="Bohol Plaza Resort & Restaurant";
	contactContent[i].content[1]="E-mail: \<a href=mailto:info@boholplazaresort.com\>info@boholplazaresort.com\<a\>&nbsp;&amp;&nbsp;<a href=\"mailto:boholplazaresort@yahoo.com\">boholplazaresort@yahoo.com</a>";
	contactContent[i].content[2]="Panglao Island, Dayo Hill";
	contactContent[i].content[3]="Mayacabac, Dauis, Bohol";
	contactContent[i].content[4]="The Philippines";
	contactContent[i].content[5]="E-mail: info@boholplazaresort.com&nbsp;&amp;&nbsp;boholplazaresort@yahoo.com";
	contactContent[i].content[6]="Phone 1: +63 (038) 5000882";
	contactContent[i].content[7]="Phone 2: +63 (038) 5001019";
	contactContent[i].content[8]="Cell phone 1: 09165046744";
	contactContent[i].content[9]="Cell phone 2: 09165844742";
	contactContent[i].content[10]="Cell phone 3: 09184584019";
	contactContent[i].content[11]="Cell phone 4: 09279445396";
	contactContent[i].content[12]="Fax: +63 (038) 5000970";
	
	//create the page
	contactContent=subFacilitesPage(contactContent[0]);
	
	for(i=0;i<contactContent.header.length;i++){
	
		contactDiv.appendChild(contactContent.header[i]);
	}
	
	for(i=0;i<contactContent.content.length;i++){
	
		contactDiv.appendChild(contactContent.content[i]);
	}
	
	contactDiv.resize=resizeContactPage;
	return contactDiv;
	
}

function resizeContactPage(){
var topPos; leftPos,i;
//it is required 	
	contactDiv.style.width=bgImage.offsetWidth + "px";
	contactDiv.style.height=bgImage.offsetHeight + "px";
	contactDiv.style.top=bgImage.offsetTop + "px";
	contactDiv.style.left=bgImage.offsetLeft + "px";

	i=0;
	//intialise our header 
	topPos=Math.round(bgImage.offsetHeight/3);
	contactContent.header[0].style.fontSize=headerSize;
	contactContent.header[0].style.left=leftPos;
	contactContent.header[0].style.top=topPos+ "px";
	contactContent.header[0].style.visibility="visible";
	
	topPos=contactContent.header[0].offsetHeight + contactContent.header[0].offsetTop + margin;
	//for the text element 
	while(i<contactContent.content.length){
		
		contactContent.content[i].style.fontSize=textSize;
		contactContent.content[i].style.left= leftPos;
		contactContent.content[i].style.top=topPos + "px";
		contactContent.content[i].style.visibility="visible";
		
		topPos=contactContent.content[i].offsetTop + contactContent.content[i].offsetHeight;
			
	i++;
	}	
	
return true;
}