// (C) Active Discovery Designs
var myHome;
var leftDiv;
var rightDiv;
var thumbpics = new Array();

function resizeHome() {

	var windowWidth, welDiv,windowHeight, top, i, thisMargin, tmp;
	//debugger;
    windowWidth=getWindowWidth();
    windowHeight=getWindowHeight();
	
	//FOR OUR HOME PAGE
	myHome.style.width=Math.round(windowWidth) + "px";

	//for the main logo of the midtown
//	if(!document.body.appendChild(mainLogo)) return false;
	if(!scaleToWidth(mainLogo, myLogoDiv.offsetWidth*0.6)) { return false; }	
	mainLogo.style.left=Math.round(myLogoDiv.offsetWidth/6)+"px";
	mainLogo.style.visibility = "visible";
	
	//for the height of the background of the logo
	myLogoDiv.style.height=Math.round(mainLogo.offsetHeight) + "px";

//	if(!document.body.appendChild(mainTopPic)) return false;
	mainTopPic.style.width=Math.round(myLogoDiv.offsetWidth) + "px";
	mainTopPic.style.top=Math.round(myLogoDiv.offsetHeight) + "px";
	mainTopPic.style.visibility = "visible";

	//for the top division in the page
//	if(!myHome.appendChild(topDiv)) return false;
	topDiv.style.top=Math.round(mainTopPic.offsetTop + mainTopPic.offsetHeight) + "px";
	topDiv.style.height=Math.round(windowHeight*0.04) + "px";
	topDiv.style.width=Math.round(windowWidth) + "px";
	topDiv.style.visibility = "visible";

	
	//for the background picture of the sub menus
//	if(!topDiv.appendChild(topDivPic)) return false;
	topDivPic.style.width=Math.round(windowWidth) + "px";
	topDivPic.style.visibility = "visible";
				
	//for the menu picture home	
//	if(!topDiv.appendChild(submenuPic)) return false;
	submenuPic.style.width=Math.round(windowWidth*0.162) + "px";	
	submenuPic.style.top=Math.round(topDivPic.offsetHeight) + "px";
	submenuPic.style.visibility = "visible";

	//for the menu picture home 2 
//	if(!topDiv.appendChild(submenuPic1)) return false;
	submenuPic1.style.width=Math.round(windowWidth*0.16) + "px";	
	submenuPic1.style.top=Math.round(topDivPic.offsetHeight) + "px";
	submenuPic1.style.visibility = "visible";
	
	//for the height of our submenu Pic
	submenuPic.style.height=Math.round(submenuPic1.offsetHeight) + "px";
	
	//for the main menu of the page
//	if(!topDiv.appendChild(submenuPic2)) return false;
	if (!scaleToWidth(submenuPic2, windowWidth*0.073)) {
						return false;
	}
	//submenuPic2.style.width=Math.round(windowWidth*0.078) + "px";	
	submenuPic2.style.left=Math.round(submenuPic.offsetWidth) + "px";
	submenuPic2.style.top=Math.round(topDiv.offsetHeight/20) + "px";
	submenuPic2.style.visibility = "visible";

	//for the first menu picture
//	if(!topDiv.appendChild(menuPic)) return false;
	menuPic.style.height=Math.round(topDivPic.offsetHeight + myMargin*1.8) + "px";
	menuPic.style.width=Math.round(windowWidth*0.099) + "px";		
	menuPic.style.top=Math.round(topDivPic.offsetHeight) + "px";	
	menuPic.style.left=Math.round(submenuPic2.offsetLeft+submenuPic2.offsetWidth) + "px";
	menuPic.style.visibility = "visible";
	
	//for the second main menu
//	if(!topDiv.appendChild(menuPic1)) return false;
	menuPic1.style.height=Math.round(menuPic.offsetHeight) + "px";
	menuPic1.style.width=Math.round(windowWidth*0.099) + "px";	
	menuPic1.style.top=Math.round(topDivPic.offsetHeight) + "px";		
	menuPic1.style.left=Math.round(menuPic.offsetLeft+menuPic.offsetWidth)  + "px";
	menuPic1.style.visibility = "visible";
	
	//for the height of our submenuPic1
	submenuPic1.style.height=Math.round(menuPic1.offsetHeight) + "px";
		
	//for the third main menu
//	if(!topDiv.appendChild(menuPic2)) return false;
	menuPic2.style.height=Math.round(menuPic1.offsetHeight) + "px";
	menuPic2.style.width=Math.round(windowWidth*0.11) + "px";	
	menuPic2.style.top=Math.round(topDivPic.offsetHeight) + "px";	
	menuPic2.style.left=Math.round(menuPic1.offsetLeft+menuPic1.offsetWidth)  + "px";
	menuPic2.style.visibility = "visible";
		
	//for the forth main menu
//	if(!topDiv.appendChild(menuPic3)) return false;
	menuPic3.style.height=Math.round(menuPic2.offsetHeight) + "px";
	menuPic3.style.width=Math.round(windowWidth*0.109) + "px";	
	menuPic3.style.top=Math.round(topDivPic.offsetHeight) + "px";	
	menuPic3.style.left=Math.round(menuPic2.offsetLeft+menuPic2.offsetWidth)  + "px";
	menuPic3.style.visibility = "visible";
		
	//for the fifth main menu
//	if(!topDiv.appendChild(menuPic4)) return false;	
	menuPic4.style.height=Math.round(menuPic3.offsetHeight) + "px";
	menuPic4.style.width=Math.round(windowWidth*0.078) + "px";	
	menuPic4.style.top=Math.round(topDivPic.offsetHeight) + "px";	
	menuPic4.style.left=Math.round(menuPic3.offsetLeft+menuPic3.offsetWidth)  + "px";
	menuPic4.style.visibility = "visible";

	//for the six main menu
//	if(!topDiv.appendChild(menuPic5)) return false;
	menuPic5.style.height=Math.round(menuPic4.offsetHeight) + "px";
	menuPic5.style.width=Math.round(windowWidth*0.12) + "px";	
	menuPic5.style.top=Math.round(topDivPic.offsetHeight) + "px";			
	menuPic5.style.left=Math.round(menuPic4.offsetLeft+menuPic4.offsetWidth)  + "px";
	menuPic5.style.visibility = "visible";

	//this is for our top menus		
		//debugger;
		topDistance=Math.round(topDiv.offsetHeight*.01);
	   	fontSize=Math.round(windowWidth/115) + "px";
		linkWidth=Math.round(windowWidth/12) + "px";
	   
	    i=1;
        //initialize the basic menu at the top
        basicMenu[0].style.left=Math.round(topDiv.offsetWidth/3.8) + "px";
        basicMenu[0].style.top=topDistance;
		basicMenu[0].name="Printing";
		basicMenu[0].onmouseover=imageOver1;
		basicMenu[0].onmouseout=imageOut1;
		basicMenu[0].style.zIndex=3;
		basicMenu[0].style.fontSize=fontSize;

        leftDistance=Math.round(basicMenu[0].offsetWidth/1);
		
		basicMenu[1].style.left=Math.round(topDiv.offsetWidth/3) + "px";
        basicMenu[1].style.top=topDistance;
		basicMenu[1].name="PrePress";
		basicMenu[1].onmouseover=imageOver1;
		basicMenu[1].onmouseout=imageOut1;
		basicMenu[1].style.zIndex=3;
		basicMenu[1].style.fontSize=fontSize;
		
		basicMenu[2].style.left=Math.round(topDiv.offsetWidth/2.4) + "px";
        basicMenu[2].style.top=topDistance;
		basicMenu[2].name="Bindery";
		basicMenu[2].onmouseover=imageOver1;
		basicMenu[2].onmouseout=imageOut1;
		basicMenu[2].style.zIndex=3;
		basicMenu[2].style.fontSize=fontSize;
		
		basicMenu[3].style.left=Math.round(topDiv.offsetWidth/2) + "px";
        basicMenu[3].style.top=topDistance;
		basicMenu[3].name="Services";
		basicMenu[3].onmouseover=imageOver1;
		basicMenu[3].onmouseout=imageOut1;
		basicMenu[3].style.zIndex=3;
		basicMenu[3].style.fontSize=fontSize;
		
		basicMenu[4].style.left=Math.round(topDiv.offsetWidth/1.7) + "px";
        basicMenu[4].style.top=topDistance;
		basicMenu[4].name="Contacts";
		basicMenu[4].onmouseover=imageOver1;
		basicMenu[4].onmouseout=imageOut1;
		basicMenu[4].style.zIndex=3;
	    basicMenu[4].style.fontSize=fontSize;
		
		basicMenu[5].style.left=Math.round(topDiv.offsetWidth/1.47) + "px";
        basicMenu[5].style.top=topDistance;
		basicMenu[5].name="FTP";
		basicMenu[5].onmouseover=imageOver1;
		basicMenu[5].onmouseout=imageOut1;
		basicMenu[5].style.zIndex=3;
	    basicMenu[5].style.fontSize=fontSize;
		
		fontSize=Math.round(windowWidth/110) + "px";
		topDistance=Math.round(topDiv.offsetHeight*.60);
		basicMenu[6].style.left=Math.round(menuPic.offsetLeft*1.075) + "px";				//------------ text for the photography menu
		basicMenu[6].style.top=Math.round(topDivPic.offsetHeight*1.3) + "px";
		basicMenu[6].name="Photography";
	    basicMenu[6].style.fontSize=fontSize;		
		
		basicMenu[7].style.left=Math.round(menuPic.offsetLeft*1.46) + "px";     				//------------------text for the book publishing menu
        basicMenu[7].style.top=Math.round(topDivPic.offsetHeight*1.3) + "px";
		basicMenu[7].name="MainBookPub";
	    basicMenu[7].style.fontSize=fontSize;
				
		basicMenu[8].style.top=Math.round(topDivPic.offsetHeight*1.3) + "px";
		basicMenu[8].style.left=Math.round(menuPic1.offsetLeft*1.325) + "px";  				//----------- text for the year book menu
		basicMenu[8].name="YearBook";
		basicMenu[8].style.fontSize=fontSize;
	
		basicMenu[9].style.top=Math.round(topDivPic.offsetHeight*1.3) + "px";
		basicMenu[9].name="SchoolPub";
		basicMenu[9].style.left=Math.round(menuPic2.offsetLeft*1.275) + "px";  				 //------------- text for the school publication menu
		basicMenu[9].style.fontSize=fontSize;
	
		basicMenu[10].style.top=Math.round(topDivPic.offsetHeight*1.3) + "px";
		basicMenu[10].name="Corporate";
		basicMenu[10].style.left=Math.round(menuPic3.offsetLeft*1.225) + "px"; 					 //------ text for the corporate menu
		basicMenu[10].style.fontSize=fontSize;
	
		basicMenu[11].style.top=Math.round(topDivPic.offsetHeight*1.3) + "px";
		basicMenu[11].name="Award";
		basicMenu[11].style.left=Math.round(menuPic4.offsetLeft*1.132) + "px";   				 //----- text for the awards menu
		basicMenu[11].style.fontSize=fontSize;
		
		fontSize=Math.round(windowWidth/115) + "px";
		basicMenu[12].name="Vision";
		basicMenu[12].style.left=Math.round(topDiv.offsetWidth/1.33) + "px";
		basicMenu[12].onmouseover=imageOver1;
		basicMenu[12].onmouseout=imageOut1;
		basicMenu[12].style.zIndex=3;
		basicMenu[12].style.fontSize=fontSize;
		
		for(a=0; a<basicMenu.length; a++) {
			basicMenu[a].onclick=onClickMenu;
			basicMenu[a].style.visibility = "visible";
		}

	//for the center division content in the page
//	if(!myHome.appendChild(HomeCenterDiv)) return false;
	HomeCenterDiv.style.top=Math.round(myLogoDiv.offsetTop + myLogoDiv.offsetHeight + topDivPic.offsetHeight + submenuPic1.offsetHeight + mainTopPic.offsetHeight+myMargin/5) + "px";
	HomeCenterDiv.style.left=Math.round(windowWidth/8.5) + "px";
	HomeCenterDiv.style.width=Math.round(windowWidth/1.3) + "px";
	HomeCenterDiv.style.visibility = "visible";
//////		
	//for the left division of the page
	leftDiv.style.top=Math.round(myLogoDiv.offsetHeight + topDivPic.offsetHeight + menuPic.offsetHeight + submenuPic1.offsetHeight + submenuPic2.offsetHeight) + "px";
	leftDiv.style.left=Math.round(bodyDiv.offsetWidth/4.7) + "px";
	leftDiv.style.width=Math.round(bodyDiv.offsetWidth/4) + "px";
	leftDiv.style.visibility = "visible";
	
	if(!scaleToWidth(qualityPic, windowWidth*0.096)) return false;
	//qualityPic.style.width=Math.round(windowWidth*0.096) + "px";
	qualityPic.style.visibility = "visible";

	//for the height of left division
	leftDiv.style.height=Math.round(qualityPic.offsetHeight + myMargin*5) + "px";

	//for the quality text
	fontSize=Math.round(windowWidth/55) + "px";
	qualityTxt.style.top=myMargin + "px";
	//qualityTxt.style.left=Math.round(leftDiv.offsetWidth/2.8) + "px";
	qualityTxt.style.left=Math.round(qualityPic.offsetLeft + qualityPic.offsetWidth + 5) + "px";
	qualityTxt.style.width=Math.round(leftDiv.offsetWidth*0.6) + "px";
	qualityTxt.style.margin=myMargin + "px";
	qualityTxt.style.fontSize=fontSize;
	qualityTxt.style.visibility = "visible";
	
	//if (!scaleToWidth(button, bodyDiv.offsetWidth*0.11)) {	
				//return false;
	//}
	button.style.top=Math.round(leftDiv.offsetTop + leftDiv.offsetHeight) + "px";
	button.style.left=Math.round(leftDiv.offsetLeft + myMargin) + "px";
	button.style.visibility = "visible";
	
	//for the request link 
	fontSize=Math.round(windowWidth/115) + "px";
	
	//for the vision link
	visionLink.style.top=Math.round(button.offsetTop - 6) + "px";
	visionLink.style.left=Math.round(button.offsetLeft + myMargin*2) + "px";
	visionLink.style.margin=myMargin + "px";
	visionLink.style.fontSize=fontSize;
	visionLink.style.visibility = "visible";
	
	button1.style.top=Math.round(button.offsetTop + button.offsetHeight + myMargin) + "px";
	button1.style.left=Math.round(leftDiv.offsetLeft + myMargin) + "px";
	button1.style.visibility = "visible";
	
	visionLink1.style.top=Math.round(button1.offsetTop - 6) + "px";
	visionLink1.style.left=Math.round(button1.offsetLeft) + "px";
	visionLink1.style.margin=myMargin + "px";
	visionLink1.style.fontSize=fontSize;
	visionLink1.style.visibility = "visible";
	
	if (!scaleToWidth(button1, visionLink1.offsetWidth + myMargin*1.9)) {	
				return false;
	}
	
	if (!scaleToWidth(button, button1.offsetWidth)) {	
				return false;
	}
		
	//for the right division 
	rightDiv1.style.top=Math.round(HomeCenterDiv.offsetTop - myMargin) + "px";
	rightDiv1.style.left=Math.round(bodyDiv.offsetWidth/2.1) + "px";
	rightDiv1.style.height=Math.round(bodyDiv.offsetHeight/2.3) + "px";
	rightDiv1.style.width=Math.round(bodyDiv.offsetWidth/3.3) + "px";
	rightDiv1.style.margin=myMargin + "px";
	rightDiv1.style.visibility = "visible";
	
	if (!scaleToWidth(backPicture1, windowWidth*0.31)) {
				return false;
	}
	backPicture1.style.visibility = "visible";
	
	//for the text in the right division 
	fontSize=Math.round(bodyDiv.offsetWidth/90) + "px";
	homeTxt1.style.left=Math.round(rightDiv1.offsetWidth/6) + "px";
	homeTxt1.style.margin=myMargin + "px";
	homeTxt1.style.fontSize=fontSize;
	homeTxt1.style.visibility = "visible";
	
	//for the height of topDivPic
	topDivPic.style.height=Math.round(homeTxt1.offsetHeight) + "px";
	
	mainTopPic.style.height=Math.round(topDivPic.offsetHeight - 2) + "px";
	
	//for the submenuPic2 height
	submenuPic2.style.height=Math.round(menuPic.offsetHeight + topDivPic.offsetHeight/1.1) + "px";
	
	fontSize=Math.round(windowWidth/90) + "px";
	P7.style.top=Math.round(homeTxt1.offsetTop + homeTxt1.offsetHeight + 2) + "px";
	P7.style.width=Math.round(rightDiv1.offsetWidth) + "px";
	P7.style.margin=myMargin + "px";
	P7.style.fontSize=fontSize;
	P7.style.visibility = "visible";
	
	P8.style.top=Math.round(P7.offsetTop + P7.offsetHeight + 3) + "px";
	P8.style.width=Math.round(rightDiv1.offsetWidth) + "px";
	P8.style.margin=myMargin + "px";
	P8.style.fontSize=fontSize;
	P8.style.visibility = "visible";
	
	P9.style.top=Math.round(P8.offsetTop + P8.offsetHeight + 3) + "px";
	P9.style.width=Math.round(rightDiv1.offsetWidth) + "px";
	P9.style.margin=myMargin + "px";
	P9.style.fontSize=fontSize;
	P9.style.visibility = "visible";
	
	P10.style.top=Math.round(P9.offsetTop + P9.offsetHeight + 3) + "px";
	P10.style.width=Math.round(rightDiv1.offsetWidth) + "px";
	P10.style.margin=myMargin + "px";
	P10.style.fontSize=fontSize;
	P10.style.visibility = "visible";
	
	P11.style.top=Math.round(P10.offsetTop + P10.offsetHeight + 3) + "px";
	P11.style.width=Math.round(rightDiv1.offsetWidth) + "px";
	P11.style.margin=myMargin + "px";
	P11.style.fontSize=fontSize;
	P11.style.visibility = "visible";
	
	//curvePic.style.height=Math.round(windowHeight*0.04) + "px";
	curvePic.style.height=Math.round(windowWidth*0.03) + "px";
	curvePic.style.width=Math.round(windowWidth*0.58) + "px";	
	curvePic.style.top=Math.round(myLogoDiv.offsetHeight + topDivPic.offsetHeight + menuPic.offsetHeight + backPicture1.offsetHeight + submenuPic2.offsetHeight + myMargin*4) + "px";
	curvePic.style.left=Math.round(bodyDiv.offsetWidth/4.7) + "px";
	curvePic.style.visibility = "visible";
	
	//for the moving txt at the curve picture area
	fontSize=Math.round(bodyDiv.offsetWidth/80) + "px";
	curveTxt.style.top=Math.round(curvePic.offsetTop - 3) + "px";
	curveTxt.style.left=Math.round(bodyDiv.offsetWidth/4.5) + "px";
	curveTxt.style.margin=myMargin + "px";
	curveTxt.style.fontSize=fontSize;
	curveTxt.style.visibility = "visible";
	
	//for the pictures at the bottom part of the page
	if (!scaleToWidth(thumbpics, windowWidth*0.13)) {
			 return false;
	}	
	thumbpics.style.top=Math.round(curvePic.offsetTop + curvePic.offsetHeight + 5) + "px";
	thumbpics.style.left=Math.round(bodyDiv.offsetWidth/4.5) + "px";
	thumbpics.style.visibility = "visible";

	if(!scaleToWidth(thumbpics1, windowWidth*0.133)) {
				return false;
	}	
	thumbpics1.style.top=Math.round(curvePic.offsetTop + curvePic.offsetHeight + 5) + "px";
	thumbpics1.style.left=Math.round(bodyDiv.offsetWidth/2.75) + "px";
	thumbpics1.style.visibility = "visible";

	if (!scaleToWidth(thumbpics2, windowWidth*0.13)) {
				return false;
	}	
	thumbpics2.style.top=Math.round(curvePic.offsetTop + curvePic.offsetHeight + 5) + "px";
	thumbpics2.style.left=Math.round(bodyDiv.offsetWidth/1.97) + "px";
	thumbpics2.style.visibility = "visible";
	
	if (!scaleToWidth(thumbpics3, windowWidth*0.13)) {
				return false;
	}	
	thumbpics3.style.top=Math.round(curvePic.offsetTop + curvePic.offsetHeight + 5) + "px";
	thumbpics3.style.left=Math.round(bodyDiv.offsetWidth/1.54) + "px";
	thumbpics3.style.visibility = "visible";
	
	//for the height of the quality picture
//	qualityPic.style.height=Math.round(thumbpics2.offsetHeight + myMargin*2.4) + "px";
	
	//for the height of left division
//	leftDiv.style.height=Math.round(qualityPic.offsetHeight + myMargin*5) + "px";
	
	//for the center division of the home page
	HomeCenterDiv.style.height=Math.round(thumbpics1.offsetTop + thumbpics1.offsetHeight - thumbpics2.offsetHeight - (myMargin*15)) + "px";
	
	//for the left curve in the main content
	if (!scaleToWidth(footPic, HomeCenterDiv.offsetWidth)) {
				return false;
	}
	footPic.style.top=Math.round(HomeCenterDiv.offsetHeight)+"px";
	footPic.style.visibility = "visible";
	
	//for the copyright of the page
	copyDiv.style.top=Math.round(HomeCenterDiv.offsetTop + HomeCenterDiv.offsetHeight + footPic.offsetHeight + myMargin) + "px";
	copyDiv.style.left=Math.round(bodyDiv.offsetWidth/2.5) + "px";
	copyDiv.style.height=Math.round(bodyDiv.offsetHeight/23) + "px";
	copyDiv.style.width=Math.round(bodyDiv.offsetWidth/3.4) + "px";
	copyDiv.style.visibility = "visible";
	//copyDiv.style.backgroundColor="red";
	
	//for the copy right text
	fontSize=Math.round(windowWidth/100) + "px";
	copyRight.style.margin=myMargin + "px";
	copyRight.style.fontSize=fontSize;
	copyRight.style.visibility = "visible";

return true;
}

function create() {
				
		myHome=createBasicDiv();
		clearMargins(myHome);
        myHome.style.overflow="visible";
//		myHome.style.backgroundColor = "black";
//		document.body.appendChild(myHome);
			
		//mainLogo=xImage("images/new updates/mainlogo.png");
		mainLogo=xImage("images/mainLogo.png");
		mainLogo.style.position="absolute";
		mainLogo.alt="";
		mainLogo.style.zIndex=30;
		mainLogo.orgWidth = 602;
		mainLogo.orgHeight = 150;
		mainLogo.oncontextmenu=protectImage;
		mainLogo.style.visibility = "hidden";
		document.body.appendChild(mainLogo);
		
		mainTopPic = new Image(1277,9);
		mainTopPic.src="images/new updates/topWhite.jpg";
		mainTopPic.style.position="absolute";
		mainTopPic.style.visibility = "hidden";
		document.body.appendChild(mainTopPic);
		
		//create the top division
		topDiv = createDiv();
		topDiv.style.position="absolute";
		//topDiv.style.backgroundColor = "pink"
		topDiv.style.visibility = "hidden";
		myHome.appendChild(topDiv);
	
		//for the background of the submenus
		topDivPic = new Image(1260, 16);
		topDivPic.src="images/home_menu.jpg";
		topDivPic.oncontextmenu=protectImage;
		topDivPic.style.position="absolute";
		topDivPic.style.visibility = "hidden";
		topDiv.appendChild(topDivPic);

		//for the sub menu picture at the left
	submenuPic = new Image(212, 34);
	submenuPic.src="images/SubmenuPic.jpg";
	submenuPic.oncontextmenu=protectImage;
	submenuPic.style.position="absolute";
	submenuPic.style.visibility = "hidden";
	topDiv.appendChild(submenuPic);
			
	//for the second sub menu picture at the right
	submenuPic1 = new Image(212, 34);
	submenuPic1.src="images/SubmenuPic.jpg";
	submenuPic1.oncontextmenu=protectImage;
	submenuPic1.style.position="absolute";
	submenuPic1.style.right="0px";
	submenuPic1.style.visibility = "hidden";
	topDiv.appendChild(submenuPic1);
		
	//for our  main menu in the top division
	//begining of the menu start here
	submenuPic2 = new Image(78,37);
	submenuPic2.src="images/menu_home_02.jpg";
	submenuPic2.onclick=onClickMenu;
	submenuPic2.name="Home";
	submenuPic2.style.position="absolute";
	submenuPic2.style.visibility = "hidden";
	submenuPic2.oncontextmenu=protectImage;
	topDiv.appendChild(submenuPic2);
	
	menuPic = new Image(118, 30);
	menuPic.src="images/menu_photography.jpg";
	menuPic.style.position="absolute";
	menuPic.style.visibility = "hidden";
	menuPic.oncontextmenu=protectImage;
	topDiv.appendChild(menuPic);

	menuPic1 = new Image(118, 30);
	menuPic1.src="images/menu_bookpub.jpg";
	menuPic1.style.position="absolute";
	menuPic1.style.visibility = "hidden";
	menuPic1.oncontextmenu=protectImage;
	topDiv.appendChild(menuPic1);
		
	menuPic2 = new Image(130, 30);
	menuPic2.src="images/menu_yearbookdiv.jpg";
	menuPic2.style.position="absolute";
	menuPic2.style.visibility = "hidden";
	menuPic2.oncontextmenu=protectImage;
	topDiv.appendChild(menuPic2);
	
	menuPic3 = new Image(132, 30);
	menuPic3.src="images/menu_schoolpub.jpg";
	menuPic3.style.position="absolute";
	menuPic3.style.visibility = "hidden";
	menuPic3.oncontextmenu=protectImage;
	topDiv.appendChild(menuPic3);
	
	menuPic4 = new Image(97, 30);
	menuPic4.src="images/menu_corporate.jpg";
	menuPic4.style.position="absolute";
	menuPic4.style.visibility = "hidden";
	menuPic4.oncontextmenu=protectImage;
	topDiv.appendChild(menuPic4);
	
	menuPic5 = new Image(146, 30);
	menuPic5.src="images/menu_awards.jpg";
	menuPic5.style.position="absolute";
	menuPic5.style.visibility = "hidden";
	menuPic5.oncontextmenu=protectImage;
	topDiv.appendChild(menuPic5);
	// End of the menu picture stuff here

	   //debugger;
	  //we create the basicMenu               				             				
				menu[0]="Press";
                menu[1]="Pre Press";
				menu[2]="Bindery";
				menu[3]="Services";
                menu[4]="Contact Us";
				menu[5]="F t p";
				menu[6]="Photography";
				menu[7]="Book Publishing";
				menu[8]="Yearbook Division";
				menu[9]="School Publication";
				menu[10]="Corporate";
				menu[11]="Awards &amp; Recognition";
				menu[12]="Mission&nbsp;&amp;&nbsp;Vision";
				//menu[13]="Request for Quotation";
         				
				createBasicMenu(menu);											
	    //end basic Menu

	HomeCenterDiv = createDiv();
	HomeCenterDiv.style.backgroundColor="#e9e9e9";
	HomeCenterDiv.style.position="absolute";
	HomeCenterDiv.style.visibility = "hidden";
	myHome.appendChild(HomeCenterDiv);

//////////////////	
	footPic=xImage("images/contentFooter.jpg");
	footPic.alt="";
	footPic.style.position="absolute";
	footPic.oncontextmenu=protectImage;
	footPic.style.visibility = "hidden";
	HomeCenterDiv.appendChild(footPic);
	
	//for the left division	
	leftDiv = createDiv();
	leftDiv.style.position="absolute";
	leftDiv.style.visibility = "hidden";
	clearMargins(leftDiv);
	myHome.appendChild(leftDiv);
	
	//for the quality picture
	qualityPic = new Image(96, 112);
	qualityPic.src="images/Quality.jpg";
	qualityPic.style.position="absolute";
	qualityPic.style.visibility = "hidden";
	qualityPic.oncontextmenu=protectImage;
	leftDiv.appendChild(qualityPic);

	//for the quality text
	qualityTxt = document.createElement("p");
	qualityTxt.innerHTML="uality Service is what gives Midtown its value";
	qualityTxt.style.position="absolute";
	qualityTxt.style.fontFamily="Monotype corsiva";
	qualityTxt.style.visibility = "hidden";
	leftDiv.appendChild(qualityTxt); 
	
	button = new Image(137, 17);
	button.src="images/new updates/button.jpg";
	button.style.position="absolute";
	button.style.visibility = "hidden";
	myHome.appendChild(button);
	
	//for the vision and mission link
	visionLink = document.createElement("p");
	visionLink.innerHTML="Place an Order";
	visionLink.style.position="absolute";
	visionLink.onmouseover=onMouseOver;
	visionLink.name="YearBookOrder";
	visionLink.onclick=onClickMenu;
	visionLink.onmouseover=imageOver1;
	visionLink.onmouseout=imageOut1;
	visionLink.style.fontFamily="verdana";
	visionLink.style.visibility = "hidden";
	myHome.appendChild(visionLink);
	
	button1 = new Image(137, 17);
	button1.src="images/new updates/button.jpg";
	button1.style.position="absolute";
	button1.style.visibility = "hidden";
	myHome.appendChild(button1);
	
	visionLink1 = document.createElement("p");
	visionLink1.innerHTML="Request for Quotation";
	visionLink1.style.position="absolute";
	visionLink1.onmouseover=onMouseOver;
	visionLink1.name="RequestEstimate";
	visionLink1.onclick=onClickMenu;
	visionLink1.onmouseover=imageOver1;
	visionLink1.onmouseout=imageOut1;
	visionLink1.style.fontFamily="verdana";
	visionLink1.style.visibility = "hidden";
	myHome.appendChild(visionLink1);
	
	rightDiv1 = createDiv();
	rightDiv1.style.position="absolute";
	rightDiv1.style.visibility = "hidden";
	myHome.appendChild(rightDiv1);
	
	//for the picture at the center
	backPicture1=xImage("images/machine.jpg");
	backPicture1.style.position="absolute";
	backPicture1.alt="";
	backPicture1.oncontextmenu=protectImage;
	backPicture1.style.visibility = "hidden";
	rightDiv1.appendChild(backPicture1);
		
	homeTxt1 = document.createElement("p");
	homeTxt1.innerHTML="The Yearbook Printing Specialist";
	homeTxt1.style.position="absolute";
	homeTxt1.style.fontFamily="verdana";
	homeTxt1.style.fontWeight="bold";
	homeTxt1.style.visibility = "hidden";
	rightDiv1.appendChild(homeTxt1);
	
	P7 = document.createElement("p");
	P7.innerHTML="Davao-based Midtown Printing, founded in 1967 is the leading provider of School Yearbook in the country today. It is the printer that makes the students cherish every moment in their life's basis day to graduate.";
	P7.style.textAlign="justify";
	P7.style.textIndent="7%";
	P7.style.position="absolute";
	P7.style.fontFamily="verdana";
	P7.style.visibility = "hidden";
	rightDiv1.appendChild(P7);
	
	P8 = document.createElement("p");
	P8.innerHTML="Through its commitment and passion to provide the graduates a quality yearbook, Midtown has never been left behind to make the best from the technology today.";
	P8.style.position="absolute";
	P8.style.textAlign="justify";
	P8.style.textIndent="7%";
	P8.style.fontFamily="verdana";
	P8.style.visibility = "hidden";
	rightDiv1.appendChild(P8);
	
	P9 = document.createElement("p");
	P9.innerHTML="Midtown is also known to the Printing Industry as the leading modern press in the Philippines today. Particularly in the southern part of the country.";
	P9.style.position="absolute";
	P9.style.textAlign="justify";
	P9.style.textIndent="7%";
	P9.style.fontFamily="verdana";
	P9.style.visibility = "hidden";
	rightDiv1.appendChild(P9);
	
	P10 = document.createElement("p");
	P10.innerHTML="But over the last decade it has expanded its range of services which now includes photography and multimedia services.";
	P10.style.position="absolute";
	P10.style.textAlign="justify";
	P10.style.textIndent="7%";
	P10.style.fontFamily="verdana";
	P10.style.visibility = "hidden";
	rightDiv1.appendChild(P10);
	
	P11 = document.createElement("p");
	P11.innerHTML="From a small scale printer, it is now the premier publishing house in the south with two regular magazines under its fold and over 50 book titles in the market."; 
	P11.style.position="absolute";
	P11.style.textAlign="justify";
	P11.style.textIndent="7%";
	P11.style.fontFamily="verdana";
	P11.style.visibility = "hidden";
	rightDiv1.appendChild(P11);
		
	//for the curve ahead of the headlines pictures
	curvePic = new Image(490, 20);
	curvePic.src="images/headlinesTitleBg.jpg";
	curvePic.style.position="absolute";
	curvePic.oncontextmenu=protectImage;
	curvePic.style.visibility = "hidden";
	myHome.appendChild(curvePic);
	
	//Detects Firefox1+ and Opera 8+
	if (browserInfo().browserShortName=="Firefox") {
		curveTxt = document.createElement("p");
		curveTxt.innerHTML="Midtown Headlines";
		//curveTxt.style.width="70%";
		curveTxt.style.position="absolute";
		curveTxt.style.fontFamily="verdana";
		curveTxt.style.fontWeight="bold";
	}
	
	//Detects IE 
	else  {
				
		curveTxt = document.createElement("marquee");
		curveTxt.innerHTML="Midtown Headlines";
		curveTxt.style.width="56%";
		curveTxt.style.position="absolute";
		curveTxt.style.fontFamily="verdana";
		curveTxt.style.fontWeight="bold";
	}
	curveTxt.style.visibility = "hidden";
	myHome.appendChild(curveTxt);	

	  //for our thumb images at the bottom of the page
      	 thumbpics=new Image(130, 95);
		 thumbpics.src="images/headlines1.jpg";
		 thumbpics.style.position="absolute";
		 thumbpics.name="Headlines";
		 thumbpics.onmouseover=onMouseOver;
		 thumbpics.onclick=onClickMenu;
		 thumbpics.oncontextmenu=protectImage;
		 thumbpics.style.visibility = "hidden";
		 myHome.appendChild(thumbpics);
		 
		 thumbpics1=new Image(134, 95);
         thumbpics1.src="images/headlines2.jpg";
		 thumbpics1.style.position="absolute";
		 thumbpics1.name="Headlines1";
		 thumbpics1.onmouseover=onMouseOver;
		 thumbpics1.onclick=onClickMenu;
		 thumbpics1.oncontextmenu=protectImage;
		 thumbpics1.style.visibility = "hidden";
		 myHome.appendChild(thumbpics1);
		 
		 thumbpics2=new Image(130, 95);
		 thumbpics2.src="images/headlines3.jpg";
		 thumbpics2.style.position="absolute";
		 thumbpics2.name="Headlines2";
		 thumbpics2.onmouseover=onMouseOver;
		 thumbpics2.onclick=onClickMenu;
		 thumbpics2.oncontextmenu=protectImage;
		 thumbpics2.style.visibility = "hidden";
		 myHome.appendChild(thumbpics2);
		 
		 thumbpics3=new Image(130, 95);
		 thumbpics3.src="images/headlines4.jpg";
		 thumbpics3.style.position="absolute";
		 thumbpics3.name="Headlines3";
		 thumbpics3.onmouseover=onMouseOver;
		 thumbpics3.onclick=onClickMenu;
		 thumbpics3.oncontextmenu=protectImage;
		 thumbpics3.style.visibility = "hidden";
		 myHome.appendChild(thumbpics3);
		 		 			
	//division for the copy right
	copyDiv = createDiv();
	copyDiv.style.position="absolute";
	copyDiv.style.visibility = "hidden";
	myHome.appendChild(copyDiv);
	
	// for the copy right of the page
	copyRight = document.createElement("p");
	copyRight.innerHTML="Copyright &copy; 2007<a href='http://www.designs.activediscovery.net' style='text-decoration:none;' target='_blank'> Active Discovery Designs</a>";
	copyRight.style.position="absolute";
	copyRight.style.fontFamily="verdana";
	copyRight.style.color="gray";
	copyRight.style.visibility = "hidden";
	copyDiv.appendChild(copyRight);

	myHome.resize=resizeHome;

return myHome;
}
homeLoad=true;