// 04-14-2008 rev 00
// If one submenu is opened the other one is closed
// Define switches
var switchsubmenuBox01 = false;
var switchsubmenuBox02 = false;
var switchsubmenuBox03 = false;
var switchsubmenuBox04 = false;
var switchsubmenuBox05 = false;
var switchsubmenuBox06 = false;
var switchsubmenuBox07 = false;
var initialHeight = 716;
function switchSubmenu(boxNum)
{
if(boxNum == 1 && switchsubmenuBox01 == false)
{
switchsubmenuBox01 = true;
setMargin('submenuBox01');
//Change the Arrow Direction
changeArrow('01',1);
//Write th content to DIV
var submenuBox01Content = '';
document.getElementById('submenuBox01').innerHTML = submenuBox01Content;
submenuBoxTextHeightModification('submenuBoxTextLeft','submenuBoxTextRight','submenuBoxText','div#submenuBox01');
}
else if(boxNum == 1 && switchsubmenuBox01 == true)
{
switchOff('submenuBox01');
//Change the Arrow Direction
changeArrow('01',0);
//true: Submenu will close on next onclick event. false: Submenu will open on next onclick event.
switchsubmenuBox01 = false;
heightModification();
}
if(boxNum == 2 && switchsubmenuBox02 == false)
{
switchsubmenuBox02 = true;
setMargin('submenuBox02');
//Change the Arrow Direction
changeArrow('02',1);
//Write th content to DIV
var submenuBox02Content = '';
document.getElementById('submenuBox02').innerHTML = submenuBox02Content;
submenuBoxTextHeightModification('submenuBoxTextBoth','submenuBoxTextBoth','submenuBoxText02','div#submenuBox02');
}
else if(boxNum == 2 && switchsubmenuBox02 == true)
{
switchOff('submenuBox02');
//Change the Arrow Direction
changeArrow('02',0);
//true: Submenu will close on next onclick event. false: Submenu will open on next onclick event.
switchsubmenuBox02 = false;
heightModification();
}
if(boxNum == 3 && switchsubmenuBox03 == false)
{
switchsubmenuBox03 = true;
setMargin('submenuBox03');
//Change the Arrow Direction
changeArrow('03',1);
//Write th content to DIV
var submenuBox03Content = '';
document.getElementById('submenuBox03').innerHTML = submenuBox03Content;
submenuBoxTextHeightModification('submenuBoxTextLeft03','submenuBoxTextRight03','submenuBoxText03','div#submenuBox03');
}
else if(boxNum == 3 && switchsubmenuBox03 == true)
{
switchOff('submenuBox03');
//Change the Arrow Direction
changeArrow('03',0);
//true: Submenu will close on next onclick event. false: Submenu will open on next onclick event.
switchsubmenuBox03 = false;
heightModification();
}
if(boxNum == 4 && switchsubmenuBox04 == false)
{
switchsubmenuBox04 = true;
setMargin('submenuBox04');
//Change the Arrow Direction
changeArrow('04',1);
//Write th content to DIV
var submenuBox04Content = '';
document.getElementById('submenuBox04').innerHTML = submenuBox04Content;
submenuBoxTextHeightModification('submenuBoxTextLeft04','submenuBoxTextRight04','submenuBoxText04','div#submenuBox04');
}
else if(boxNum == 4 && switchsubmenuBox04 == true)
{
switchOff('submenuBox04');
//Change the Arrow Direction
changeArrow('04',0);
//true: Submenu will close on next onclick event. false: Submenu will open on next onclick event.
switchsubmenuBox04 = false;
heightModification();
}
if(boxNum == 5 && switchsubmenuBox05 == false)
{
switchsubmenuBox05 = true;
setMargin('submenuBox05');
//Change the Arrow Direction
changeArrow('05',1);
//Write th content to DIV
var submenuBox05Content = '';
document.getElementById('submenuBox05').innerHTML = submenuBox05Content;
submenuBoxTextHeightModification('submenuBoxTextLeft05','submenuBoxTextRight05','submenuBoxText05','div#submenuBox05');
}
else if(boxNum == 5 && switchsubmenuBox05 == true)
{
switchOff('submenuBox05');
//Change the Arrow Direction
changeArrow('05',0);
//true: Submenu will close on next onclick event. false: Submenu will open on next onclick event.
switchsubmenuBox05 = false;
heightModification();
}
if(boxNum == 6 && switchsubmenuBox06 == false)
{
switchsubmenuBox06 = true;
setMargin('submenuBox06');
//Change the Arrow Direction
changeArrow('06',1);
//Write th content to DIV
var submenuBox06Content = '';
document.getElementById('submenuBox06').innerHTML = submenuBox06Content;
submenuBoxTextHeightModification('submenuBoxTextLeft06','submenuBoxTextRight06','submenuBoxText06','div#submenuBox06');
}
else if(boxNum == 6 && switchsubmenuBox06 == true)
{
switchOff('submenuBox06');
//Change the Arrow Direction
changeArrow('06',0);
//true: Submenu will close on next onclick event. false: Submenu will open on next onclick event.
switchsubmenuBox06 = false;
heightModification();
}
if(boxNum == 7 && switchsubmenuBox07 == false)
{
switchsubmenuBox07 = true;
setMargin('submenuBox07');
//Change the Arrow Direction
changeArrow('07',1);
//Write th content to DIV
var submenuBox07Content = '';
document.getElementById('submenuBox07').innerHTML = submenuBox07Content;
//Exception: No right or left
submenuBoxTextHeightModification('submenuBoxTextBoth','submenuBoxTextBoth','submenuBoxText07','div#submenuBox07');
//submenuBoxTextHeightModification('submenuBoxTextLeft07','submenuBoxTextRight07','submenuBoxText07','div#submenuBox07');
}
else if(boxNum == 7 && switchsubmenuBox07 == true)
{
switchOff('submenuBox07');
//Change the Arrow Direction
changeArrow('07',0);
//true: Submenu will close on next onclick event. false: Submenu will open on next onclick event.
switchsubmenuBox07 = false;
heightModification();
}
}
function setMargin(submenuNum)
{
//Set margin: 10px 0 0 0;
document.getElementById(submenuNum).style.marginTop = '10px';
//Set padding: 5px 0 5px 10px;
document.getElementById(submenuNum).style.paddingTop = '5px';
document.getElementById(submenuNum).style.paddingLeft = '5px';
document.getElementById(submenuNum).style.paddingBottom = '5px';
document.getElementById(submenuNum).style.paddingRight = '5px';
}
function changeArrow(submenuNumber,state)
{
var whiteArrowDIV = 'whiteArrow' + submenuNumber;
if (state == 0)
{
document.getElementById(whiteArrowDIV).innerHTML = '
';
}
else
{
document.getElementById(whiteArrowDIV).innerHTML = '
';
}
}
function submenuBoxTextHeightModification(left,right,text,nifty)
{
/**/
//Assign the height to submenuBoxText
var heightsubmenuBoxTextLeft = document.getElementById(left).offsetHeight;
var heightsubmenuBoxTextRight = document.getElementById(right).offsetHeight;
var heightsubmenuBox01 = Math.max(heightsubmenuBoxTextLeft, heightsubmenuBoxTextRight);
document.getElementById(text).style.height = heightsubmenuBox01 +"px";
//Add Nifty Corners
Nifty(nifty,"all fixed-height");
heightModification();
}
function heightModification()
{
//TopLinkMenu height
var heightBox01 = document.getElementById('box01').offsetHeight;
var heightBox02 = document.getElementById('box02').offsetHeight;
var heightBox03 = document.getElementById('box03').offsetHeight;
var heightBox04 = document.getElementById('box04').offsetHeight;
var heightBox05 = document.getElementById('box05').offsetHeight;
var heightBox06 = document.getElementById('box06').offsetHeight;
var heightBox07 = document.getElementById('box07').offsetHeight;
var heightBox08 = document.getElementById('box08').offsetHeight;
//var heightBox09 = document.getElementById('box09').offsetHeight;
//TopLinkMenu calculation
var heightTopLinkMenu = heightBox01 * 9 + (10*9);
//If Submenu is enabled add to total of heightTopLinkMenu
if (switchsubmenuBox01 == true)
{
//Submenu Height
var heightsubmenuBoxTextLeft = document.getElementById('submenuBoxTextLeft').offsetHeight;
var heightsubmenuBoxTextRight = document.getElementById('submenuBoxTextRight').offsetHeight;
var heightsubmenuBox01 = Math.max(heightsubmenuBoxTextLeft, heightsubmenuBoxTextRight);
//Assign the height
document.getElementById('submenuBoxText').style.height = heightsubmenuBox01 +"px";
//Assign submenuBox01 height to variables
heightsubmenuBox01 = document.getElementById('submenuBox01').offsetHeight;
//heightsubmenuBox height + padding + margin
//Submenu 01 FF 783 IE 771
heightTopLinkMenu += heightsubmenuBox01 + 10 + 10;
}
if (switchsubmenuBox02 == true)
{
//Assign submenuBox02 height to variables
heightsubmenuBox02 = document.getElementById('submenuBox02').offsetHeight;
//heightsubmenuBox height + padding + margin
//Submenu 02 FF 180 IE 176
heightTopLinkMenu += heightsubmenuBox02 + 10 + 10;
/* Exception This submenu does not have left or right
//Submenu Height
var heightsubmenuBoxTextLeft02 = document.getElementById('submenuBoxTextLeft02').offsetHeight;
var heightsubmenuBoxTextRight02 = document.getElementById('submenuBoxTextRight02').offsetHeight;
var heightsubmenuBox02 = Math.max(heightsubmenuBoxTextLeft02, heightsubmenuBoxTextRight02);
//Assign the height
document.getElementById('submenuBoxText02').style.height = heightsubmenuBox02 +"px";
//Assign submenuBox02 height to variables
heightsubmenuBox02 = document.getElementById('submenuBox02').offsetHeight;
//heightsubmenuBox height + padding + margin
//Submenu 02 FF 450 IE 446
heightTopLinkMenu += heightsubmenuBox02 + 10 + 10;
*/
}
if(switchsubmenuBox03 == true)
{
//Submenu 03
var heightsubmenuBoxTextLeft03 = document.getElementById('submenuBoxTextLeft03').offsetHeight;
var heightsubmenuBoxTextRight03 = document.getElementById('submenuBoxTextRight03').offsetHeight;
var heightsubmenuBox03 = Math.max(heightsubmenuBoxTextLeft03, heightsubmenuBoxTextRight03);
//Assign the height
document.getElementById('submenuBoxText03').style.height = heightsubmenuBox03 +"px";
//Assign submenuBox03 height to variables
heightsubmenuBox03 = document.getElementById('submenuBox03').offsetHeight;
//heightsubmenuBox height + padding + margin
//Submenu 03 FF 52 IE 52
heightTopLinkMenu += heightsubmenuBox03 + 10 + 10;
}
if(switchsubmenuBox04 == true)
{
//Submenu Height
var heightsubmenuBoxTextLeft04 = document.getElementById('submenuBoxTextLeft04').offsetHeight;
var heightsubmenuBoxTextRight04 = document.getElementById('submenuBoxTextRight04').offsetHeight;
var heightsubmenuBox04 = Math.max(heightsubmenuBoxTextLeft04, heightsubmenuBoxTextRight04);
//Assign the height
document.getElementById('submenuBoxText04').style.height = heightsubmenuBox04 +"px";
//Assign submenuBox04 height to variables
heightsubmenuBox04 = document.getElementById('submenuBox04').offsetHeight;
//heightsubmenuBox height + padding + margin
//Submenu 04 FF 756 IE 751
heightTopLinkMenu += heightsubmenuBox04 + 10 + 10;
}
if(switchsubmenuBox05 == true)
{
//Submenu Height
var heightsubmenuBoxTextLeft05 = document.getElementById('submenuBoxTextLeft05').offsetHeight;
var heightsubmenuBoxTextRight05 = document.getElementById('submenuBoxTextRight05').offsetHeight;
var heightsubmenuBox05 = Math.max(heightsubmenuBoxTextLeft05, heightsubmenuBoxTextRight05);
//Assign the height
document.getElementById('submenuBoxText05').style.height = heightsubmenuBox05 +"px";
//Assign submenuBox05 height to variables
heightsubmenuBox05 = document.getElementById('submenuBox05').offsetHeight;
//heightsubmenuBox height + padding + margin
//Submenu 05 FF 450 IE 446
heightTopLinkMenu += heightsubmenuBox05 + 10 + 10;
}
if(switchsubmenuBox06 == true)
{
//Submenu Height
var heightsubmenuBoxTextLeft06 = document.getElementById('submenuBoxTextLeft06').offsetHeight;
var heightsubmenuBoxTextRight06 = document.getElementById('submenuBoxTextRight06').offsetHeight;
var heightsubmenuBox06 = Math.max(heightsubmenuBoxTextLeft06, heightsubmenuBoxTextRight06);
//Assign the height
document.getElementById('submenuBoxText06').style.height = heightsubmenuBox06 +"px";
//Assign submenuBox06 height to variables
heightsubmenuBox06 = document.getElementById('submenuBox06').offsetHeight;
//heightsubmenuBox height + padding + margin
//Submenu 06 FF 180 IE 176
heightTopLinkMenu += heightsubmenuBox06 + 10 + 10;
}
if(switchsubmenuBox07 == true)
{
//Assign submenuBox07 height to variables
heightsubmenuBox07 = document.getElementById('submenuBox07').offsetHeight;
//heightsubmenuBox height + padding + margin
//Submenu 07 FF 180 IE 176
heightTopLinkMenu += heightsubmenuBox07 + 10 + 10;
/* Exception: This submenu does not have left or right
//Submenu Height
var heightsubmenuBoxTextLeft07 = document.getElementById('submenuBoxTextLeft07').offsetHeight;
var heightsubmenuBoxTextRight07 = document.getElementById('submenuBoxTextRight07').offsetHeight;
var heightsubmenuBox07 = Math.max(heightsubmenuBoxTextLeft07, heightsubmenuBoxTextRight07);
//Assign the height
document.getElementById('submenuBoxText07').style.height = heightsubmenuBox07 +"px";
//Assign submenuBox07 height to variables
heightsubmenuBox07 = document.getElementById('submenuBox07').offsetHeight;
//heightsubmenuBox height + padding + margin
//Submenu 07 FF 180 IE 176
heightTopLinkMenu += heightsubmenuBox07 + 10 + 10;
*/
}
// topMainContentText + (max: ByVFDBox + paginationDIV + heightTopLinkMenu) + bottomContent = productContent
var topMainContentText = document.getElementById('topMainContentText').offsetHeight;
var ByVFDBox = document.getElementById('ByVFDBox').offsetHeight;
//var paginationDIV = document.getElementById('paginationDIV').offsetHeight;
var bottomContent = document.getElementById('bottomContent').offsetHeight + 10;
//ByVFDBox + paginationDIV
var ByVFDBoxpaginationDIV = ByVFDBox+40;
//Compare Height: ByVFDBox and heightTopLinkMenu
var mainContainer = Math.max(ByVFDBoxpaginationDIV, heightTopLinkMenu);
var productContent = topMainContentText + mainContainer + bottomContent;
//To make this work all of the height manipulation needs to be done through div#BytopMainContent
document.getElementById('BytopMainContent').style.height = productContent +"px";
//document.getElementById('productContent').style.height = productContent +"px";
}
function switchOff(submenu)
{
var productContent = document.getElementById('productContent').offsetHeight - document.getElementById(submenu).offsetHeight;
document.getElementById(submenu).innerHTML = '';
document.getElementById(submenu).style.height = '0px';
//Set margin: 10px 0 0 0;
document.getElementById(submenu).style.marginTop = '0px';
//Set padding: 5px 0 5px 10px;
document.getElementById(submenu).style.paddingTop = '0px';
document.getElementById(submenu).style.paddingLeft = '0px';
document.getElementById(submenu).style.paddingBottom = '0px';
document.getElementById(submenu).style.paddingRight = '0px';
}