//Resizing for all the elements
function resizeBasic() {
//First get the width and height of the browser's window
windowWidth=getWindowWidth();
windowHeight=getWindowHeight();
//The body div
divBody.style.width=windowWidth;
divBody.style.height=windowHeight;
//scaling the container body
if (!scaleObject(windowWidth,windowHeight,containerBody))
return false;
//body container
containerBody.style.top=Math.round((windowHeight-containerBody.offsetHeight)/2) + "px";
containerBody.style.left=Math.round((windowWidth-containerBody.offsetWidth)/2) + "px";
//left background
leftBackground.style.top=Math.round((windowHeight-containerBody.offsetHeight)/2)+"px";
leftBackground.style.left="0px";
leftBackground.style.width=containerBody.offsetLeft+"px";
leftBackground.style.height=containerBody.offsetHeight+"px";
//right background
rightBackground.style.top=Math.round((windowHeight-containerBody.offsetHeight)/2)+"px";
rightBackground.style.right="0px";
rightBackground.style.left=Math.round(containerBody.offsetWidth+containerBody.offsetLeft)+"px";
rightBackground.style.width=containerBody.offsetLeft+"px";
rightBackground.style.height=containerBody.offsetHeight+"px";
//menu background
menuBg.style.width=Math.round(containerBody.offsetWidth*0.683)+"px";
menuBg.style.height=Math.round(containerBody.offsetHeight*0.125)+"px";
//menu div
menuDiv.style.top=Math.round(containerBody.offsetHeight*0.06)+"px";
menuDiv.style.left=Math.round(containerBody.offsetWidth*0.02)+"px";
menuDiv.style.width=Math.round(containerBody.offsetWidth*0.7)+"px";
menuDiv.style.height=Math.round(containerBody.offsetHeight*0.04)+"px";
var fontSizeMenu=Math.round(containerBody.offsetWidth/55)+"px";
//for home text
homeText.style.fontSize=fontSizeMenu;
homeText.style.top=(menuDiv.offsetHeight*0.1)+"px";
//for treatment text
treatmentText.style.fontSize=fontSizeMenu;
treatmentText.style.top=(menuDiv.offsetHeight*0.1)+"px";
treatmentText.style.left=Math.round(containerBody.offsetWidth*0.05)+"px";
//for schooling text
schoolingText.style.fontSize=fontSizeMenu;
schoolingText.style.top=(menuDiv.offsetHeight*0.1)+"px";
schoolingText.style.left=Math.round(containerBody.offsetWidth*0.14)+"px";
//for about text
aboutText.style.fontSize=fontSizeMenu;
aboutText.style.top=(menuDiv.offsetHeight*0.1)+"px";
aboutText.style.left=Math.round(containerBody.offsetWidth*0.23)+"px";
//for contact text
contactText.style.fontSize=fontSizeMenu;
contactText.style.top=(menuDiv.offsetHeight*0.1)+"px";
contactText.style.left=Math.round(containerBody.offsetWidth*0.3)+"px";
//for poems text
poemsText.style.fontSize=fontSizeMenu;
poemsText.style.top=(menuDiv.offsetHeight*0.1)+"px";
poemsText.style.left=Math.round(containerBody.offsetWidth*0.38)+"px";
//for testimonials text
testimonialsText.style.fontSize=fontSizeMenu;
testimonialsText.style.top=(menuDiv.offsetHeight*0.1)+"px";
testimonialsText.style.left=Math.round(containerBody.offsetWidth*0.45)+"px";
//for our logo
logoHigh.style.top=Math.round(menuBg.offsetTop)+"px";
logoHigh.style.left=Math.round(menuBg.offsetLeft+menuBg.offsetWidth)+"px";
logoHigh.style.width=Math.round(containerBody.offsetWidth*0.32)+"px";
logoHigh.style.height=Math.round(containerBody.offsetHeight*0.166)+"px";
//for Content area
pageContent.style.top=Math.round(menuBg.offsetTop+menuBg.offsetHeight)+"px";
pageContent.style.width=Math.round(containerBody.offsetWidth*0.685)+"px";
pageContent.style.height=Math.round(containerBody.offsetHeight*0.68)+"px";
//pagecontent background image
pageBg.style.width=Math.round(containerBody.offsetWidth*0.685)+"px";
pageBg.style.height=Math.round(containerBody.offsetHeight*0.68)+"px";
//right image 1
rightPic1.style.top=Math.round(logoHigh.offsetTop+logoHigh.offsetHeight)+"px";
rightPic1.style.left=Math.round(pageContent.offsetWidth+pageContent.offsetLeft)+"px";
rightPic1.style.width=Math.round(logoHigh.offsetWidth*0.0245)+"px";
rightPic1.style.height=Math.round(pageContent.offsetHeight*0.95)+"px";
//right content background image
rightContentBackground.style.top=Math.round(rightPic1.offsetTop)+"px";
rightContentBackground.style.left=Math.round(pageContent.offsetWidth+pageContent.offsetLeft+rightPic1.offsetWidth)+"px";
rightContentBackground.style.width=Math.round(logoHigh.offsetWidth*0.94)+"px";
rightContentBackground.style.height=Math.round(pageContent.offsetHeight*0.95)+"px";
//right Content
rightContent.style.top=Math.round(rightPic1.offsetTop)+"px";
rightContent.style.left=Math.round(pageContent.offsetWidth*1.03)+"px";
rightContent.style.width=Math.round(logoHigh.offsetWidth*0.85)+"px";
rightContent.style.height=Math.round(rightPic1.offsetHeight)+"px";
//right image 1
rightPic2.style.top=Math.round(rightPic1.offsetTop)+"px";
rightPic2.style.left=Math.round(rightContentBackground.offsetLeft+rightContentBackground.offsetWidth)+"px";
rightPic2.style.width=Math.round(rightPic1.offsetWidth)+"px";
rightPic2.style.height=Math.round(rightPic1.offsetHeight)+"px";
//Treatment menus here!
//treatment number 1
treatment1Text.style.fontSize=fontSizeMenu;
treatment1Text.style.top=Math.round(rightContent.offsetHeight*0.43)+"px";
treatment1Text.style.left=Math.round(rightContent.offsetLeft)+"px";
//treatment number 2
treatment2Text.style.fontSize=fontSizeMenu;
treatment2Text.style.top=Math.round(rightContent.offsetHeight*0.47)+"px";
treatment2Text.style.left=Math.round(rightContent.offsetLeft)+"px";
//treatment number 3
treatment3Text.style.fontSize=fontSizeMenu;
treatment3Text.style.top=Math.round(rightContent.offsetHeight*0.51)+"px";
treatment3Text.style.left=Math.round(rightContent.offsetLeft)+"px";
//treatment number 4
treatment4Text.style.fontSize=fontSizeMenu;
treatment4Text.style.top=Math.round(rightContent.offsetHeight*0.55)+"px";
treatment4Text.style.left=Math.round(rightContent.offsetLeft)+"px";
//Schooling menus here!
//schooling number 1
schooling1Text.style.fontSize=fontSizeMenu;
schooling1Text.style.top=Math.round(treatment1Text.offsetTop)+"px";
schooling1Text.style.left=Math.round(treatment1Text.offsetLeft)+"px";
//schooling number 2
schooling2Text.style.fontSize=fontSizeMenu;
schooling2Text.style.top=Math.round(treatment2Text.offsetTop)+"px";
schooling2Text.style.left=Math.round(treatment2Text.offsetLeft)+"px";
//schooling number 3
schooling3Text.style.fontSize=fontSizeMenu;
schooling3Text.style.top=Math.round(treatment3Text.offsetTop)+"px";
schooling3Text.style.left=Math.round(treatment3Text.offsetLeft)+"px";
//Poems menus here!
//poems number 1
poems1Text.style.fontSize=fontSizeMenu;
poems1Text.style.top=Math.round(treatment1Text.offsetTop)+"px";
poems1Text.style.left=Math.round(treatment1Text.offsetLeft)+"px";
//poems number 2
poems2Text.style.fontSize=fontSizeMenu;
poems2Text.style.top=Math.round(treatment2Text.offsetTop)+"px";
poems2Text.style.left=Math.round(treatment2Text.offsetLeft)+"px";
//poems number 3
poems3Text.style.fontSize=fontSizeMenu;
poems3Text.style.top=Math.round(treatment3Text.offsetTop)+"px";
poems3Text.style.left=Math.round(treatment3Text.offsetLeft)+"px";
//bottom image
bottomPic.style.top=Math.round(pageContent.offsetTop+pageContent.offsetHeight)+"px";
bottomPic.style.width=Math.round(containerBody.offsetWidth)+"px";
bottomPic.style.height=Math.round(containerBody.offsetHeight*0.195)+"px";
//right content pic buttom
rightContentButtomPic.style.height=Math.round(rightPic1.offsetHeight*0.2)+"px";
rightContentButtomPic.style.width=Math.round(rightContentBackground.offsetWidth-3)+"px";
rightContentButtomPic.style.top=Math.round(bottomPic.offsetTop-rightContentButtomPic.offsetHeight)+"px";
rightContentButtomPic.style.left=Math.round(rightContentBackground.offsetLeft+3)+"px";
//bottom Content
bottomContent.style.top=Math.round(pageContent.offsetTop+pageContent.offsetHeight)+"px";
bottomContent.style.width=Math.round(containerBody.offsetWidth)+"px";
bottomContent.style.height=Math.round(bottomPic.offsetHeight)+"px";
text1Div.style.top=Math.round(pageContent.offsetTop+pageContent.offsetHeight)+"px";
text1Div.style.width=Math.round(bottomContent.offsetWidth*0.33)+"px";
text1Div.style.height=Math.round(bottomPic.offsetHeight)+"px";
//text1Div.style.backgroundColor="red";
//bottom text 1
text1.style.fontSize=Math.round(text1Div.offsetHeight*0.09)+"px";
text1.style.top=Math.round(containerBody.offsetHeight*0.86)+"px";
text1.style.left=Math.round(bottomPic.offsetWidth*0.035)+"px";
text1.style.height=text1Div.offsetHeight+"px";
text1.style.width=text1Div.offsetWidth+"px";
//bottom text2
text2.style.fontSize=Math.round(text1Div.offsetHeight*0.09)+"px";
text2.style.top=Math.round(bottomPic.offsetTop*1.11)+"px";
text2.style.left=Math.round(bottomPic.offsetWidth*0.38)+"px";
//bottom text3
text3.style.fontSize=Math.round(containerBody.offsetWidth*0.011)+"px";
text3.style.top=Math.round(containerBody.offsetHeight*0.96)+"px";
text3.style.right="0px";
var fontSizeContent=Math.round(pageContent.offsetWidth*0.015)+"pt";
var fontSizePoemTitle=Math.round(pageContent.offsetWidth*0.03)+"pt";
var fontSizePoemContent=Math.round(pageContent.offsetHeight*0.02)+"pt";
var fontSizeTestimonialsHeader=Math.round(pageContent.offsetWidth*0.03)+"pt";
var fontSizePageRightContent=Math.round(pageContent.offsetHeight/33)+"px";
//We resize here all the content of all pages!
switch (document.title) {
case "Welcome to HighTay -- Home": {
//Home menu text
homeText.style.color="white";
//Home content
pageHomeContent.style.height=Math.round(pageContent.offsetHeight)+"px";
pageHomeContent.style.width=Math.round(pageContent.offsetWidth)+"px";
//Home right content
pageRightContent.style.fontSize=fontSizePageRightContent;
break;
}
case "Welcome to HighTay -- Treatment - Body and Mind Thoughts": {
//Treatment menu text
treatmentText.style.color="white";
//treatment 1
treatment1Text.style.color="white";
//Treatment content
pageContentTxt.style.fontSize=fontSizeContent;
pageContentTxt.style.left=Math.round(pageContent.offsetWidth*0.08)+"px";
pageTreatmentContentPic.style.top=Math.round(pageContentTxt.offsetHeight*1.2)+"px";
pageTreatmentContentPic.style.left=Math.round(pageContentTxt.offsetLeft)+"px";
pageTreatmentContentPic.style.height=Math.round(pageContent.offsetHeight*0.5)+"px";
pageTreatmentContentPic.style.width=Math.round(pageContent.offsetWidth*0.5)+"px";
//Treatment right content
pageRightContent.style.fontSize=fontSizeMenu;
break;
}
case "Welcome to HighTay -- Treatment - Cosmic Energy": {
treatmentText.style.color="white";
treatment2Text.style.color="white";
//Treatment content
pageContentTxt.style.fontSize=fontSizeContent;
pageContentTxt.style.left=Math.round(pageContent.offsetWidth*0.08)+"px";
//Treatment right content
pageRightContent.style.fontSize=fontSizeMenu;
break;
}
case "Welcome to HighTay -- Treatment - Chakras": {
treatmentText.style.color="white";
treatment3Text.style.color="white";
//Treatment content
pageContentTxt.style.fontSize=fontSizeContent;
pageContentTxt.style.left=Math.round(pageContent.offsetWidth*0.08)+"px";
//Treatment right content
pageRightContent.style.fontSize=fontSizeMenu;
break;
}
case "Welcome to HighTay -- Treatment - Healing Massage": {
treatmentText.style.color="white";
treatment4Text.style.color="white";
//Treatment content
pageContentTxt.style.fontSize=fontSizeContent;
pageContentTxt.style.left=Math.round(pageContent.offsetWidth*0.08)+"px";
//Treatment right content
pageRightContent.style.fontSize=fontSizeMenu;
break;
}
case "Welcome to HighTay -- Schooling - TeraMai Reiki": {
//Schooling menu text
schoolingText.style.color="white";
schooling1Text.style.color="white";
//Schooling content
pageContentTxt.style.fontSize=Math.round(pageContent.offsetWidth*0.015)+"pt";
pageContentTxt.style.left=Math.round(pageContent.offsetWidth*0.12)+"px";
pageSchoolingContentBg.style.width=Math.round(pageContent.offsetWidth)+"px";
pageSchoolingContentBg.style.height=Math.round(pageContent.offsetHeight)+"px";
pageSchoolingContentBg.style.left=Math.round(pageContent.offsetLeft)+"px";
//Schooling right content
pageRightContent.style.fontSize=fontSizeMenu;
break;
}
case "Welcome to HighTay -- Schooling - Seichem Reiki": {
//Schooling menu text
schoolingText.style.color="white";
schooling2Text.style.color="white";
//Schooling content
pageContentTxt.style.fontSize=Math.round(pageContent.offsetWidth*0.015)+"pt";
pageContentTxt.style.left=Math.round(pageContent.offsetWidth*0.12)+"px";
pageSchoolingContentBg.style.width=Math.round(pageContent.offsetWidth)+"px";
pageSchoolingContentBg.style.height=Math.round(pageContent.offsetHeight)+"px";
pageSchoolingContentBg.style.left=Math.round(pageContent.offsetLeft)+"px";
//Schooling right content
pageRightContent.style.fontSize=fontSizeMenu;
break;
}
case "Welcome to HighTay -- Schooling - Dynamic Body Training": {
//Schooling menu text
schoolingText.style.color="white";
schooling3Text.style.color="white";
//Schooling content
pageContentTxt.style.fontSize=Math.round(pageContent.offsetWidth*0.015)+"pt";
pageContentTxt.style.left=Math.round(pageContent.offsetWidth*0.12)+"px";
pageSchoolingContentBg.style.width=Math.round(pageContent.offsetWidth)+"px";
pageSchoolingContentBg.style.height=Math.round(pageContent.offsetHeight)+"px";
pageSchoolingContentBg.style.left=Math.round(pageContent.offsetLeft)+"px";
//Schooling right content
pageRightContent.style.fontSize=fontSizeMenu;
break;
}
case "Welcome to HighTay -- About": {
//About menu text
aboutText.style.color="white";
//About content
pageAboutContentTxt.style.fontSize=fontSizeContent;
pageAboutContentTxt.style.left=Math.round(pageContent.offsetWidth*0.08)+"px";
pageAboutContentTitle.style.fontSize=Math.round(pageContent.offsetWidth*0.02)+"px";
pageAboutPic1.style.height=Math.round(pageContent.offsetHeight*0.15)+"px";
pageAboutPic1.style.width=Math.round(pageContent.offsetWidth*0.15)+"px";
pageAboutPic1.style.top=Math.round(pageAboutContentTxt.offsetHeight*0.43)+"px";
pageAboutPic1.style.left=Math.round(pageAboutContentTxt.offsetWidth*1.05)+"px";
pageAboutPic2.style.height=Math.round(pageContent.offsetHeight*0.18)+"px";
pageAboutPic2.style.width=Math.round(pageContent.offsetWidth*0.15)+"px";
pageAboutPic2.style.top=Math.round(pageAboutContentTxt2.offsetTop)+"px";
pageAboutPic2.style.left=Math.round(pageContent.offsetLeft)+"px";
pageAboutContentTxt2.style.left=Math.round(pageAboutPic2.offsetWidth*1.1)+"px";
pageAboutContentTxt2.style.width=Math.round(pageContent.offsetWidth)+"px";
//About right content
pageAboutRightContent.style.fontSize=fontSizeContent;
break;
}
case "Welcome to HighTay -- Contact": {
//Contact menu text
contactText.style.color="white";
pageContactContentTxt.style.fontSize=fontSizeContent;
pageContactContentTxt.style.left=Math.round(pageContent.offsetWidth*0.1)+"px";
//image 1
contactImg1.style.top=Math.round(pageContent.offsetTop+pageContactContentTxt.offsetHeight)+"px";
contactImg1.style.left=Math.round(pageContent.offsetWidth*0.02)+"px";
contactImg1.style.width=Math.round(pageContent.offsetWidth*0.97)+"px";
contactImg1.style.height=Math.round(pageContent.offsetHeight*0.87)+"px";
//form
myForm.style.top=Math.round(contactImg1.offsetTop)+"px";
myForm.style.left=Math.round(contactImg1.offsetLeft)+"px";
myForm.style.width=Math.round(contactImg1.offsetWidth)+"px";
myForm.style.height=Math.round(contactImg1.offsetHeight)+"px";
var fontSizeContactPage=Math.round(logoHigh.offsetWidth*0.06)+"px";
//name text
nameTxt.style.fontSize=fontSizeContactPage;
nameTxt.style.top=Math.round(myForm.offsetHeight*0.15)+"px";
nameTxt.style.left=Math.round(myForm.offsetWidth*0.08)+"px";
//name input
nameInput.style.top=Math.round(nameTxt.offsetTop)+"px";
nameInput.style.left=Math.round(myForm.offsetWidth*0.3)+"px";
nameInput.style.width=Math.round(myForm.offsetWidth*0.4)+"px";
nameInput.style.height=Math.round(myForm.offsetHeight*0.043)+"px";
//email text
emailTxt.style.fontSize=fontSizeContactPage;
emailTxt.style.top=Math.round(myForm.offsetHeight*0.24)+"px";
emailTxt.style.left=Math.round(nameTxt.offsetLeft)+"px";
//email input
emailInput.style.top=Math.round(emailTxt.offsetTop)+"px";
emailInput.style.left=Math.round(nameInput.offsetLeft)+"px";
emailInput.style.width=Math.round(myForm.offsetWidth*0.4)+"px";
emailInput.style.height=Math.round(myForm.offsetHeight*0.043)+"px";
//message text
messageTxt.style.fontSize=fontSizeContactPage;
messageTxt.style.top=Math.round(myForm.offsetHeight*0.35)+"px";
messageTxt.style.left=Math.round(nameTxt.offsetLeft)+"px";
//message input area
messageInput.style.top=Math.round(myForm.offsetHeight*0.35)+"px";
messageInput.style.left=Math.round(nameInput.offsetLeft)+"px";
messageInput.style.width=Math.round(myForm.offsetWidth*0.6)+"px";
messageInput.style.height=Math.round(myForm.offsetHeight*0.4)+"px";
//submitbutton
submitButton.style.top=Math.round(myForm.offsetHeight*0.8)+"px";
submitButton.style.left=Math.round(myForm.offsetWidth*0.45)+"px";
submitButton.style.width=Math.round(myForm.offsetWidth*0.11)+"px";
submitButton.style.height=Math.round(myForm.offsetHeight*0.065)+"px";
//resetButton
resetButton.style.top=Math.round(submitButton.offsetTop)+"px";
resetButton.style.left=Math.round(myForm.offsetWidth*0.65)+"px";
resetButton.style.width=Math.round(myForm.offsetWidth*0.11)+"px";
resetButton.style.height=Math.round(myForm.offsetHeight*0.065)+"px";
//content right
pageContactRightContent.style.fontSize=Math.round(logoHigh.offsetWidth*0.04)+"px";
pageContactRightContent.style.left=Math.round(logoHigh.offsetWidth*0.1)+"px";
pageContactRightContent.style.top=Math.round(rightContent.offsetTop*0.3)+"px";
break;
}
case "Welcome to HighTay -- Poems - 'What I Ask?'": {
//Poems menu text
poemsText.style.color="white";
//Poems 1 menu text
poems1Text.style.color="white";
//Poem 1 title
poemTitle.style.fontSize=fontSizePoemTitle;
poemTitle.style.top=Math.round(pageContent.offsetHeight*0.08)+"px";
poemTitle.style.left=Math.round(pageContent.offsetWidth*0.1)+"px";
//Poem 1 content
poemsContent.style.fontSize=fontSizePoemContent;
poemsContent.style.top=Math.round(pageContent.offsetHeight*0.16)+"px";
poemsContent.style.left=poemTitle.offsetLeft+"px";
//Poem 1 right content
poemsContentRight.style.fontSize=fontSizeMenu;
break;
}
case "Welcome to HighTay -- Poems - 'Racewalk Meditation'": {
//Poems menu text
poemsText.style.color="white";
//Poems 2 menu text
poems2Text.style.color="white";
//Poems 2 title
poemTitle.style.fontSize=fontSizePoemTitle;
poemTitle.style.top=Math.round(pageContent.offsetHeight*0.08)+"px";
poemTitle.style.left=Math.round(pageContent.offsetWidth*0.1)+"px";
//Poems 2 content
poemsContent.style.fontSize=fontSizePoemContent;
poemsContent.style.top=Math.round(pageContent.offsetHeight*0.17)+"px";
poemsContent.style.left=Math.round(pageContent.offsetWidth*0.1)+"px";
//Poems right content
poemsContentRight.style.fontSize=fontSizeMenu;
break;
}
case "Welcome to HighTay -- Poems - 'A Leaf Teaches Me'": {
//Poems menu text
poemsText.style.color="white";
//Poems 3 menu text
poems3Text.style.color="white";
//Poems 3 title
poemTitle.style.fontSize=fontSizePoemTitle;
poemTitle.style.top=Math.round(pageContent.offsetHeight*0.08)+"px";
poemTitle.style.left=Math.round(pageContent.offsetWidth*0.1)+"px";
//Poems 3 content
poemsContent.style.fontSize=fontSizePoemContent;
poemsContent.style.top=Math.round(pageContent.offsetHeight*0.17)+"px";
poemsContent.style.left=Math.round(pageContent.offsetWidth*0.1)+"px";
//Poems 3 right content
poemsContentRight.style.fontSize=fontSizeMenu;
break;
}
case "Welcome to HighTay -- Testimonials": {
//Testimonials menu text
testimonialsText.style.color="white";
//Testimonial header
testimonialHeader.style.top=Math.round(pageContent.offsetHeight*0.02)+"px";
testimonialHeader.style.fontSize=fontSizeTestimonialsHeader;
//Testimonials content div
testimonialsContentDiv.style.top=testimonialHeader.offsetHeight+"px";
testimonialsContentDiv.style.left=Math.round(pageContent.offsetWidth*0.05)+"px";
testimonialsContentDiv.style.height=Math.round(pageContent.offsetHeight*0.9)+"px";
testimonialsContentDiv.style.width=Math.round(pageContent.offsetWidth*0.95)+"px";
//Testimoniasl content
testimonialsContentTxt.style.top=Math.round(pageContent.offsetHeight*0.03)+"px";
testimonialsContentTxt.style.left=testimonialsContentDiv.offsetLeft+"px";
testimonialsContentTxt.style.fontSize=fontSizeContent;
//testimonials 1
testimonialsContentRight1.style.top=Math.round(rightContentBackground.offsetHeight*0.15)+"px";
testimonialsContentRight1.style.fontSize=Math.round(logoHigh.offsetWidth*0.045)+"px";
//Testimonials right content
testimonialsContentRight2.style.top=Math.round(rightContentBackground.offsetHeight*0.55)+"px";
testimonialsContentRight2.style.fontSize=Math.round(logoHigh.offsetWidth*0.055)+"px";
break;
}
}
//We hide first all the element of the document body, please see styles.css, classname documentBody
//I put this to avoid some weird effect during loading
document.body.style.visibility="visible";
return true;
}
//We call here all the elements for our resizing
function showBasic() {
clearMargins(document.body);
//body div
divBody=document.getElementById("bodyDiv");
divBody.style.position="absolute";
clearMargins(divBody);
//the body
containerBody=document.getElementById("bodyContainer");
containerBody.style.position="absolute";
clearMargins(containerBody);
containerBody.style.overflow="hidden";
//left background
leftBackground=document.getElementById("leftImg");
leftBackground.style.position="absolute";
clearMargins(leftBackground);
leftBackground.oncontextmenu=protectImage;
//right background
rightBackground=document.getElementById("rightImg");
rightBackground.style.position="absolute";
clearMargins(rightBackground);
rightBackground.oncontextmenu=protectImage;
document.body.appendChild(rightBackground);
//menu background
menuBg=document.getElementById("menuPic");
menuBg.style.position="absolute";
menuBg.oncontextmenu=protectImage;
clearMargins(menuBg);
//div for the menus
menuDiv=document.getElementById("divMenu");
menuDiv.style.position="absolute";
clearMargins(menuDiv);
//Home text
homeText=document.getElementById("homeTxt");
homeText.style.position="absolute";
clearMargins(homeText);
//Treatment text
treatmentText=document.getElementById("treatmentTxt");
treatmentText.style.position="absolute";
clearMargins(treatmentText);
treatmentText.style.borderLeft="2px solid #E1911E";
//treatment 1 text
treatment1Text=document.getElementById("treatment1Txt");
treatment1Text.style.position="absolute";
treatment1Text.style.visibility="hidden";
treatment1Text.style.zIndex=3;
clearMargins(treatment1Text);
containerBody.appendChild(treatment1Text);
//treatment 2 text
treatment2Text=document.getElementById("treatment2Txt");
treatment2Text.style.position="absolute";
treatment2Text.style.visibility="hidden";
treatment2Text.style.zIndex=3;
clearMargins(treatment2Text);
containerBody.appendChild(treatment2Text);
//treatment 3 text
treatment3Text=document.getElementById("treatment3Txt");
treatment3Text.style.position="absolute";
treatment3Text.style.visibility="hidden";
treatment3Text.style.zIndex=3;
clearMargins(treatment3Text);
containerBody.appendChild(treatment3Text);
//treatment 4 text
treatment4Text=document.getElementById("treatment4Txt");
treatment4Text.style.position="absolute";
treatment4Text.style.visibility="hidden";
treatment4Text.style.zIndex=3;
clearMargins(treatment4Text);
containerBody.appendChild(treatment4Text);
//Schooling text
schoolingText=document.getElementById("schoolingTxt");
schoolingText.style.position="absolute";
clearMargins(schoolingText);
schoolingText.style.borderLeft="2px solid #E1911E";
//schooling 1 text
schooling1Text=document.getElementById("schooling1Txt");
schooling1Text.style.position="absolute";
schooling1Text.style.visibility="hidden";
schooling1Text.style.zIndex=3;
clearMargins(schooling1Text);
containerBody.appendChild(schooling1Text);
//schooling 2 text
schooling2Text=document.getElementById("schooling2Txt");
schooling2Text.style.position="absolute";
schooling2Text.style.visibility="hidden";
schooling2Text.style.zIndex=3;
clearMargins(schooling2Text);
containerBody.appendChild(schooling2Text);
//schooling 3 text
schooling3Text=document.getElementById("schooling3Txt");
schooling3Text.style.position="absolute";
schooling3Text.style.visibility="hidden";
schooling3Text.style.zIndex=3;
clearMargins(schooling3Text);
containerBody.appendChild(schooling3Text);
//About text
aboutText=document.getElementById("aboutTxt");
aboutText.style.position="absolute";
clearMargins(aboutText);
aboutText.style.borderLeft="2px solid #E1911E";
//Contact text
contactText=document.getElementById("contactTxt");
contactText.style.position="absolute";
clearMargins(contactText);
contactText.style.borderLeft="2px solid #E1911E";
//Poems text
poemsText=document.getElementById("poemsTxt");
poemsText.style.position="absolute";
clearMargins(poemsText);
poemsText.style.borderLeft="2px solid #E1911E";
//poems text1
poems1Text=document.getElementById("poems1Txt");
poems1Text.style.position="absolute";
poems1Text.style.visibility="hidden";
poems1Text.style.zIndex=3;
clearMargins(poems1Text);
containerBody.appendChild(poems1Text);
//poem 2
poems2Text=document.getElementById("poems2Txt");
poems2Text.style.position="absolute";
poems2Text.style.visibility="hidden";
poems2Text.style.zIndex=3;
clearMargins(poems2Text);
containerBody.appendChild(poems2Text);
//poem 3
poems3Text=document.getElementById("poems3Txt");
poems3Text.style.position="absolute";
poems3Text.style.visibility="hidden";
poems3Text.style.zIndex=3;
clearMargins(poems3Text);
containerBody.appendChild(poems3Text);
//Testimonials text
testimonialsText=document.getElementById("testimonialsTxt");
testimonialsText.style.position="absolute";
clearMargins(testimonialsText);
testimonialsText.style.borderLeft="2px solid #E1911E";
//our site logo
logoHigh=document.getElementById("logo");
logoHigh.style.position="absolute";
logoHigh.oncontextmenu=protectImage;
clearMargins(logoHigh);
//content area for the pages
pageContent=document.getElementById("content");
pageContent.style.position="absolute";
clearMargins(pageContent);
//page content background
pageBg=document.getElementById("pagecontentbg");
pageBg.style.position="absolute";
pageBg.oncontextmenu=protectImage;
clearMargins(pageBg);
//right content background image
rightContentBackground=document.getElementById("rightBg");
rightContentBackground.style.position="absolute";
rightContentBackground.oncontextmenu=protectImage;
clearMargins(rightContentBackground);
//the right content
rightContent=document.getElementById("contentRight");
rightContent.style.position="absolute";
rightContent.style.zIndex=3;
clearMargins(rightContent);
//rightPic1
rightPic1=document.getElementById("right1");
rightPic1.style.position="absolute";
rightPic1.oncontextmenu=protectImage;
clearMargins(rightPic1);
//rightPic2
rightPic2=document.getElementById("right2");
rightPic2.style.position="absolute";
rightPic2.oncontextmenu=protectImage;
clearMargins(rightPic2);
//right content buttom pic to cover some design flaws
rightContentButtomPic=document.getElementById("rightBottomPic");
rightContentButtomPic.style.position="absolute";
rightContentButtomPic.style.zIndex=3;
clearMargins(rightContentButtomPic);
//bottom whole image
bottomPic=document.getElementById("bottomWhole");
bottomPic.style.position="absolute";
bottomPic.oncontextmenu=protectImage;
bottomPic.style.zIndex=1;
clearMargins(bottomPic);
//the bottom content
bottomContent=document.getElementById("contentBottom");
bottomContent.style.position="absolute";
bottomContent.style.zIndex=3;
clearMargins(bottomContent);
//bottom text1 div
text1Div=createDiv("absolute");
containerBody.appendChild(text1Div);
clearMargins(containerBody);
//bottom text 1
text1=document.getElementById("txt1");
text1.style.position="absolute";
clearMargins(text1);
containerBody.appendChild(text1);
//bottom text 2
text2=document.getElementById("txt2");
text2.style.position="absolute";
clearMargins(text2);
containerBody.appendChild(text2);
//bottom text 3
text3=document.getElementById("txt3");
text3.style.position="absolute";
clearMargins(text3);
containerBody.appendChild(text3);
//This is where we gather all the elements from each pages!
switch (document.title) {
case "Welcome to HighTay -- Home": {
//home content
pageHomeContent=document.getElementById("homeContent");
pageHomeContent.oncontextmenu=protectImage;
pageHomeContent.style.position="absolute";
clearMargins(pageHomeContent);
//home right content
pageRightContent=document.getElementById("homeRightContent");
pageRightContent.style.position="absolute";
clearMargins(pageRightContent);
break;
}
case "Welcome to HighTay -- Treatment - Body and Mind Thoughts": {
//treatment 1 text
treatment1Text.style.visibility="visible";
treatment2Text.style.visibility="visible";
treatment3Text.style.visibility="visible";
treatment4Text.style.visibility="visible";
//treatment content
pageContentTxt=document.getElementById("treatmentContent");
pageContentTxt.style.position="absolute";
clearMargins(pageContentTxt);
//treatment 1
pageTreatment1=document.getElementById("treatments1");
pageTreatment1.style.position="absolute";
pageTreatment1.onmouseover=function () {onMouseOver(pageTreatment1, "images/pyramid.jpg", "Thoughts are our software!")};
pageTreatment1.onmouseout=onMouseOut;
clearMargins(pageTreatment1);
//treatment 2
pageTreatment2=document.getElementById("treatments2");
pageTreatment2.style.position="absolute";
pageTreatment2.onmouseover=function () {onMouseOver(pageTreatment2, "images/treatment2.jpg", "Cosmic Energy Healing (C.E.H.) is the wise use of knowledge and the power of manipulating the energy inherent in all things and in all places")};
pageTreatment2.onmouseout=onMouseOut;
clearMargins(pageTreatment2);
//treatment 3
pageTreatment3=document.getElementById("treatments3");
pageTreatment3.style.position="absolute";
pageTreatment3.onmouseover=function () {onMouseOver(pageTreatment3, "images/HighTayLogo.jpg", "They are \"force centers\" or whorls of energy permeating, from a point on the physical body, the layers of the subtle bodies.")};
pageTreatment3.onmouseout=onMouseOut;
clearMargins(pageTreatment3);
//treatment 4
pageTreatment4=document.getElementById("treatments4");
pageTreatment4.style.position="absolute";
pageTreatment4.onmouseover=function () {onMouseOver(pageTreatment4, "images/treatmentPic.jpg", "In the western method of Reiki it has been the norm to recommend a full body treatment for any medical problem.")};
pageTreatment4.onmouseout=onMouseOut;
clearMargins(pageTreatment4);
//image
pageTreatmentContentPic=document.getElementById("treatmentContentPic");
pageTreatmentContentPic.style.position="absolute";
pageTreatmentContentPic.oncontextmenu=protectImage;
clearMargins(pageTreatmentContentPic);
//treatment right content
pageRightContent=document.getElementById("treatmentRightContent");
pageRightContent.style.position="absolute";
clearMargins(pageRightContent);
break;
}
case "Welcome to HighTay -- Treatment - Cosmic Energy": {
treatment1Text.style.visibility="visible";
treatment2Text.style.visibility="visible";
treatment3Text.style.visibility="visible";
treatment4Text.style.visibility="visible";
//treatment content
pageContentTxt=document.getElementById("treatmentContent");
pageContentTxt.style.position="absolute";
clearMargins(pageContentTxt);
//treatment right content
pageRightContent=document.getElementById("treatmentRightContent");
pageRightContent.style.position="absolute";
clearMargins(pageRightContent);
break;
}
case "Welcome to HighTay -- Treatment - Chakras": {
treatment1Text.style.visibility="visible";
treatment2Text.style.visibility="visible";
treatment3Text.style.visibility="visible";
treatment4Text.style.visibility="visible";
//treatment content
pageContentTxt=document.getElementById("treatmentContent");
pageContentTxt.style.position="absolute";
clearMargins(pageContentTxt);
//treatment right content
pageRightContent=document.getElementById("treatmentRightContent");
pageRightContent.style.position="absolute";
clearMargins(pageRightContent);
break;
}
case "Welcome to HighTay -- Treatment - Healing Massage": {
treatment1Text.style.visibility="visible";
treatment2Text.style.visibility="visible";
treatment3Text.style.visibility="visible";
treatment4Text.style.visibility="visible";
//treatment content
pageContentTxt=document.getElementById("treatmentContent");
pageContentTxt.style.position="absolute";
clearMargins(pageContentTxt);
//treatment right content
pageRightContent=document.getElementById("treatmentRightContent");
pageRightContent.style.position="absolute";
clearMargins(pageRightContent);
break;
}
case "Welcome to HighTay -- Schooling - TeraMai Reiki": {
schooling1Text.style.visibility="visible";
schooling2Text.style.visibility="visible";
schooling3Text.style.visibility="visible";
//page content
pageContentTxt=document.getElementById("schoolingContent");
pageContentTxt.style.position="absolute";
clearMargins(pageContentTxt);
//background image
pageSchoolingContentBg=document.getElementById("schoolingBg");
pageSchoolingContentBg.style.position="absolute";
pageSchoolingContentBg.oncontextmenu=protectImage;
clearMargins(pageSchoolingContentBg);
//course 1
pageSchoolingCourse1=document.getElementById("course1");
pageSchoolingCourse1.style.position="absolute";
pageSchoolingCourse1.onmouseover=function () {onMouseOver(pageSchoolingCourse1, "images/course1Pic.jpg", "Tera Mai Seichem (or Seichem) Reiki is the healing spiritual energy that was reawakenined in the ancient pyramids of Egypt.")};
pageSchoolingCourse1.onmouseout=onMouseOut;
clearMargins(pageSchoolingCourse1);
//course 2
pageSchoolingCourse2=document.getElementById("course2");
pageSchoolingCourse2.style.position="absolute";
pageSchoolingCourse2.onmouseover=function () {onMouseOver(pageSchoolingCourse2, "images/course2Pic.jpg", "The intention of Seichem reiki is to connect to the energy of love and to the divine source.")};
pageSchoolingCourse2.onmouseout=onMouseOut;
clearMargins(pageSchoolingCourse2);
//course 3
pageSchoolingCourse3=document.getElementById("course3");
pageSchoolingCourse3.style.position="absolute";
pageSchoolingCourse3.onmouseover=function () {onMouseOver(pageSchoolingCourse3, "images/course3Pic.jpg", "This is a course for those who are curious about Auras and would like develop the sensitivity to see them.")};
pageSchoolingCourse3.onmouseout=onMouseOut;
clearMargins(pageSchoolingCourse3);
//right content
pageRightContent=document.getElementById("schoolingRightContent");
pageRightContent.style.position="absolute";
clearMargins(pageRightContent);
break;
}
case "Welcome to HighTay -- Schooling - Seichem Reiki": {
schooling1Text.style.visibility="visible";
schooling2Text.style.visibility="visible";
schooling3Text.style.visibility="visible";
//background image
pageSchoolingContentBg=document.getElementById("schoolingBg");
pageSchoolingContentBg.style.position="absolute";
pageSchoolingContentBg.oncontextmenu=protectImage;
clearMargins(pageSchoolingContentBg);
//page content
pageContentTxt=document.getElementById("schoolingContent");
pageContentTxt.style.position="absolute";
clearMargins(pageContentTxt);
//right content
pageRightContent=document.getElementById("schoolingRightContent");
pageRightContent.style.position="absolute";
clearMargins(pageRightContent);
break;
}
case "Welcome to HighTay -- Schooling - Dynamic Body Training": {
schooling1Text.style.visibility="visible";
schooling2Text.style.visibility="visible";
schooling3Text.style.visibility="visible";
//background image
pageSchoolingContentBg=document.getElementById("schoolingBg");
pageSchoolingContentBg.style.position="absolute";
pageSchoolingContentBg.oncontextmenu=protectImage;
clearMargins(pageSchoolingContentBg);
//page content
pageContentTxt=document.getElementById("schoolingContent");
pageContentTxt.style.position="absolute";
clearMargins(pageContentTxt);
//right content
pageRightContent=document.getElementById("schoolingRightContent");
pageRightContent.style.position="absolute";
clearMargins(pageRightContent);
break;
}
case "Welcome to HighTay -- About": {
//about content
pageAboutContentTxt=document.getElementById("aboutContent");
pageAboutContentTxt.style.position="absolute";
clearMargins(pageAboutContentTxt);
//second paragraph
pageAboutContentTxt2=document.getElementById("aboutContent2");
pageAboutContentTxt2.style.position="absolute";
clearMargins(pageAboutContentTxt2);
//title
pageAboutContentTitle=document.getElementById("grandMaster");
pageAboutContentTitle.style.position="absolute";
clearMargins(pageAboutContentTitle);
//image 1
pageAboutPic1=document.getElementById("aboutPic1");
pageAboutPic1.style.position="absolute";
pageAboutPic1.oncontextmenu=protectImage;
clearMargins(pageAboutPic1);
//image 2
pageAboutPic2=document.getElementById("aboutPic2");
pageAboutPic2.style.position="absolute";
pageAboutPic2.oncontextmenu=protectImage;
clearMargins(pageAboutPic2);
//about right content
pageAboutRightContent=document.getElementById("aboutRightContent");
pageAboutRightContent.style.position="absolute";
clearMargins(pageAboutRightContent);
break;
}
case "Welcome to HighTay -- Contact": {
//contact content
pageContactContentTxt=document.getElementById("contactContent");
pageContactContentTxt.style.position="absolute";
clearMargins(pageContactContentTxt);
//image 1
contactImg1=document.getElementById("contactContentPic");
contactImg1.style.position="absolute";
contactImg1.oncontextmenu=protectImage;
clearMargins(contactImg1);
containerBody.appendChild(contactImg1);
//form for the mail
var inputName = new Array();
var inputValue = new Array();
inputName[0] = "name";
inputName[1] = "email";
inputName[2] = "msg";
//form
myForm = document.createElement("form");
myForm.style.position="absolute";
myForm.action="mailer.php";
myForm.encoding="multipart/form-data";
myForm.enctype="multipart/form-data";
myForm.method="post";
clearMargins(myForm);
containerBody.appendChild(myForm);
//name text
nameTxt=createP("Name:");
nameTxt.style.position="absolute";
nameTxt.className="nameInfo";
clearMargins(nameTxt);
myForm.appendChild(nameTxt);
//email text
emailTxt=createP("Email Address:");
emailTxt.style.position="absolute";
emailTxt.className="emailInfo";
clearMargins(emailTxt);
myForm.appendChild(emailTxt);
//message text
messageTxt=createP("Message:");
messageTxt.style.position="absolute";
messageTxt.className="messageInfo";
clearMargins(messageTxt);
myForm.appendChild(messageTxt);
//name input
nameInput = document.createElement("input");
nameInput.type="text";
nameInput.name=inputName[0];
nameInput.style.position="absolute";
nameInput.style.zIndex=2;
myForm.appendChild(nameInput);
//email input
emailInput = document.createElement("input");
emailInput.type="text";
emailInput.name=inputName[1];
emailInput.style.position="absolute";
emailInput.style.zIndex=2;
myForm.appendChild(emailInput);
//message input
messageInput = document.createElement("textarea");
messageInput.name = inputName[2];
messageInput.cols=25;
messageInput.rows=6;
messageInput.style.position="absolute";
messageInput.style.zIndex=2;
myForm.appendChild(messageInput);
//submit button
submitButton = document.createElement("input");
submitButton.type="image";
submitButton.src="images/sendButton.jpg";
submitButton.value="Submit";
submitButton.onclick=validForm;
submitButton.style.position="absolute";
submitButton.style.zIndex=2;
submitButton.style.fontFamily="trebuchet ms";
myForm.appendChild(submitButton);
//reset button
resetButton = document.createElement("input");
resetButton.type="image";
resetButton.src="images/resetButton.jpg";
resetButton.onclick=function() {myForm.reset();return false;};
resetButton.value="Reset";
resetButton.style.position="absolute";
resetButton.style.zIndex=2;
resetButton.style.fontFamily="trebuchet ms";
myForm.appendChild(resetButton);
//contact right content
pageContactRightContent=document.getElementById("contactRightContent");
pageContactRightContent.style.position="absolute";
clearMargins(pageContactRightContent);
break;
}
case "Welcome to HighTay -- Poems - 'What I Ask?'": {
poems1Text.style.visibility="visible";
poems2Text.style.visibility="visible";
poems3Text.style.visibility="visible";
poemTitle=document.getElementById("title1");
poemTitle.style.position="absolute";
clearMargins(poemTitle);
poemsContent=document.getElementById("poemsContent1");
poemsContent.style.position="absolute";
clearMargins(poemsContent);
poemsContentRight=document.getElementById("poemsRightContent");
poemsContentRight.style.position="absolute";
clearMargins(poemsContentRight);
break;
}
case "Welcome to HighTay -- Poems - 'Racewalk Meditation'": {
poems1Text.style.visibility="visible";
poems2Text.style.visibility="visible";
poems3Text.style.visibility="visible";
poemTitle=document.getElementById("title2");
poemTitle.style.position="absolute";
clearMargins(poemTitle);
poemsContent=document.getElementById("poemsContent2");
poemsContent.style.position="absolute";
clearMargins(poemsContent);
poemsContentRight=document.getElementById("poemsRightContent");
poemsContentRight.style.position="absolute";
clearMargins(poemsContentRight);
break;
}
case "Welcome to HighTay -- Poems - 'A Leaf Teaches Me'": {
poems1Text.style.visibility="visible";
poems2Text.style.visibility="visible";
poems3Text.style.visibility="visible";
poemTitle=document.getElementById("title3");
poemTitle.style.position="absolute";
clearMargins(poemTitle);
poemsContent=document.getElementById("poemsContent3");
poemsContent.style.position="absolute";
clearMargins(poemsContent);
poemsContentRight=document.getElementById("poemsRightContent");
poemsContentRight.style.position="absolute";
clearMargins(poemsContentRight);
break;
}
case "Welcome to HighTay -- Testimonials": {
//Testimonial header
testimonialHeader=document.getElementById("testimonialsHeader");
testimonialHeader.style.position="absolute";
clearMargins(testimonialHeader);
//Testimonials content div
testimonialsContentDiv=createDiv();
testimonialsContentDiv.style.position="absolute";
testimonialsContentDiv.style.overflow="auto";
clearMargins(testimonialsContentDiv);
pageContent.appendChild(testimonialsContentDiv);
//Testimonial content
testimonialsContentTxt=document.getElementById("testimonialsContent");
testimonialsContentTxt.style.position="absolute";
clearMargins(testimonialsContentTxt);
testimonialsContentDiv.appendChild(testimonialsContentTxt);
//Testimonials
testimonialsContentRight1=document.getElementById("testimonialSend");
testimonialsContentRight1.style.position="absolute";
clearMargins(testimonialsContentRight1);
//Testimonials right content
testimonialsContentRight2=document.getElementById("testimonialsRightContent");
testimonialsContentRight2.style.position="absolute";
clearMargins(testimonialsContentRight2);
break;
}
}
resizeFunc();
window.onresize=resizeFunc;
return divBody;
}
//validation of the mail form
function validForm() {
if (nameInput.value == "") {
alert("You must provide a name!")
nameInput.focus()
return false
}
if (emailInput.value == "") {
alert("You must provide an E-Mail address!")
emailInput.focus()
return false
} else {
regEmail = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/
if (regEmail.test(emailInput.value)) {
var dummy = "ok";
} else {
alert("Invalid email address. The correct format is similar to this frank@domain.com")
emailInput.focus()
emailInput.select()
return false
}
}
if (messageInput.value == "") {
alert("Your message must have a content!")
messageInput.focus()
return false
}
}
//image protection
function protectImage() {
alert("To copy this images is not allowed by the Company.");
return false;
}
//on mouse over
function onMouseOver(obj,image,text) {
hoverDiv=createDiv("absolute");
hoverDiv.style.backgroundColor="orange";
hoverDiv.style.visibility="visible";
hoverDiv.style.top=Math.round(pageContent.offsetTop+obj.offsetTop+obj.offsetHeight)+"px";
hoverDiv.style.left=Math.round(pageContentTxt.offsetLeft+obj.offsetLeft+obj.offsetWidth)+"px";
hoverDiv.style.width=Math.round(pageContent.offsetWidth*0.5)+"px";
hoverDiv.style.height=Math.round(pageContent.offsetHeight*0.25)+"px";
hoverDiv.style.zIndex=3;
clearMargins(hoverDiv);
hoverDiv.style.border="1px solid yellow";
containerBody.appendChild(hoverDiv);
hoverDivImg=xImage(image);
hoverDivImg.style.position="absolute";
hoverDivImg.style.zIndex=2;
hoverDivImg.style.visibility="visible";
hoverDivImg.style.top=Math.round(hoverDiv.offsetHeight*0.1)+"px";
hoverDivImg.style.left=Math.round(hoverDiv.offsetWidth*0.03)+"px";
hoverDivImg.style.width=Math.round(hoverDiv.offsetWidth*0.4)+"px";
hoverDivImg.style.height=Math.round(hoverDiv.offsetHeight*0.8)+"px";
clearMargins(hoverDivImg);
hoverDiv.appendChild(hoverDivImg);
hoverDivText=createP(text);
hoverDivText.style.position="absolute";
hoverDivText.style.fontFamily="arial";
hoverDivText.style.fontSize=Math.round(hoverDiv.offsetHeight*0.1)+"px";
hoverDivText.style.top=Math.round(hoverDiv.offsetHeight*0.1)+"px";
hoverDivText.style.left=Math.round(hoverDiv.offsetWidth*0.47)+"px";
clearMargins(hoverDivText);
hoverDiv.appendChild(hoverDivText);
}
//on mouse out
function onMouseOut() {
hoverDiv.style.visibility="hidden";
hoverDivImg.style.visibility="hidden";
}