Menu - Gesioracc

 

 

/** ------------------------------------------------------------------

* JavaScripts which are loaded by the OnLoad function of the body tag

* -------------------------------------------------------------------

*/

 

// executes JavaScripts for the loginbox and the menu

function InitializePage() {

LoadLoginBox();

LoadMenu();

}

 

// functions for mouse-over and click events of non-content-buttons

function MouseOverBigButton(source)

{

source.firstChild.style.visibility = "visible";

}

function MouseOutBigButton(source)

{

source.firstChild.style.visibility = "hidden";

}

 

//functions for mouse-over and click events of medium non-content-buttons

function MouseOverMediumButton(source)

{

source.firstChild.style.visibility = "visible";

}

function MouseOutMediumButton(source)

{

source.firstChild.style.visibility = "hidden";

}

 

/** ---------------------

* Loginbox functionality

* ----------------------

*/

 

// initialisation of the loginbox status by the value of the variable 'loginStatus' which is provided to the HTML-document by PHP in the file 'header.inc'

function LoadLoginBox()

{

if(loginStatus == "false") {

document.getElementById('PlayNowContainer').childNodes[0].childNodes[1].childNodes[1].src = IMAGES + "/buttons/mediumbutton_playnow.png";

document.getElementById('LoginstatusText_1_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-create-account.gif')";

document.getElementById('LoginstatusText_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-create-account-over.gif')";

} else {

document.getElementById('PlayNowContainer').childNodes[0].childNodes[1].childNodes[1].src = IMAGES + "/buttons/mediumbutton_myaccount.png";

document.getElementById('LoginstatusText_1_1').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-logout.gif')";

document.getElementById('LoginstatusText_2').style.backgroundImage = "url('" + IMAGES + "/loginbox/loginbox-font-logout-over.gif')";

}

}

 

// mouse-over and click events of the loginbox

function MouseOverLoginBoxText(source)

{

source.lastChild.style.visibility = "visible";

source.firstChild.style.visibility = "hidden";

}

function MouseOutLoginBoxText(source)

{

source.firstChild.style.visibility = "visible";

source.lastChild.style.visibility = "hidden";

}

function LoginButtonAction()

{

if(loginStatus == "false") {

window.location = LINK_ACCOUNT + "?subtopic=accountmanagement";

} else {

window.location = LINK_ACCOUNT + "?subtopic=accountmanagement";

}

}

function LoginstatusTextAction(source) {

if(loginStatus == "false") {

window.location = LINK_ACCOUNT + "?subtopic=createaccount";

} else {

window.location = LINK_ACCOUNT + "?subtopic=accountmanagement&action=logout";

}

}

 

/** ------------------

* Menu functionality

* ------------------

*/

 

var menu = new Array();

menu[0] = new Object();

var unloadhelper = false;

 

// load the menu and set the active submenu item by using the variable 'activeSubmenuItem' (provided to HTML-document by PHP in the file 'header.inc'

function LoadMenu()

{

document.getElementById("submenu_"+activeSubmenuItem).style.color = "white";

document.getElementById("ActiveSubmenuItemIcon_"+activeSubmenuItem).style.visibility = "visible";

if(self.name.lastIndexOf("&") == -1) {

self.name = "news=1&account=0&community=0&library=0&forum=0&shops=0&";

}

FillMenuArray();

InitializeMenu();

}

function SaveMenu()

{

if(unloadhelper == false) {

SaveMenuArray();

unloadhelper = true;

}

}

 

// store the values of the variable 'self.name' in the array menu

function FillMenuArray()

{

while(self.name.length > 0 ){

var mark1 = self.name.indexOf("=");

var mark2 = self.name.indexOf("&");

var menuItemName = self.name.substr(0, mark1);

menu[0][menuItemName] = self.name.substring(mark1 + 1, mark2);

self.name = self.name.substr(mark2 + 1, self.name.length);

}

}

 

// hide or show the corresponding submenus

function InitializeMenu()

{

for(menuItemName in menu[0]) {

if(menu[0][menuItemName] == "0") {

document.getElementById(menuItemName+"_Submenu").style.visibility = "hidden";

document.getElementById(menuItemName+"_Submenu").style.display = "none";

document.getElementById(menuItemName+"_Lights").style.visibility = "visible";

document.getElementById(menuItemName+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/plus.gif)";

}

else {

document.getElementById(menuItemName+"_Submenu").style.visibility = "visible";

document.getElementById(menuItemName+"_Submenu").style.display = "block";

document.getElementById(menuItemName+"_Lights").style.visibility = "hidden";

document.getElementById(menuItemName+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/minus.gif)";

}

}

}

 

// reconstruct the variable "self.name" out of the array menu

function SaveMenuArray()

{

var stringSlices = "";

var temp = "";

for(menuItemName in menu[0]) {

stringSlices = menuItemName + "=" + menu[0][menuItemName] + "&";

temp = temp + stringSlices;

}

self.name = temp;

}

 

// onClick open or close submenus

function MenuItemAction(sourceId)

{

if(menu[0][sourceId] == 1) {

CloseMenuItem(sourceId);

}

else {

OpenMenuItem(sourceId);

}

}

function OpenMenuItem(sourceId)

{

menu[0][sourceId] = 1;

document.getElementById(sourceId+"_Submenu").style.visibility = "visible";

document.getElementById(sourceId+"_Submenu").style.display = "block";

document.getElementById(sourceId+"_Lights").style.visibility = "hidden";

document.getElementById(sourceId+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/minus.gif)";

}

function CloseMenuItem(sourceId)

{

menu[0][sourceId] = 0;

document.getElementById(sourceId+"_Submenu").style.visibility = "hidden";

document.getElementById(sourceId+"_Submenu").style.display = "none";

document.getElementById(sourceId+"_Lights").style.visibility = "visible";

document.getElementById(sourceId+"_Extend").style.backgroundImage = "url(" + IMAGES + "/general/plus.gif)";

}

 

// mouse-over effects of menubuttons and submenuitems

function MouseOverMenuItem(source)

{

source.firstChild.style.visibility = "visible";

}

function MouseOutMenuItem(source)

{

source.firstChild.style.visibility = "hidden";

}

function MouseOverSubmenuItem(source)

{

source.style.backgroundColor = "#14433F";

}

function MouseOutSubmenuItem(source)

{

source.style.backgroundColor = "#0D2E2B";

}

 

 

/** -------------------------

* functions related to forms

* --------------------------

*/

 

// set cursor focus in form (g_FormName) to field (g_FieldName)

function SetFormFocus()

{

if (g_FormName.length > 0 && g_FieldName.length > 0 ) {

document.forms[g_FormName].elements[g_FieldName].focus();

}

}

 

 

// toggle masked texts with readable texts

function ToggleMaskedText(a_TextFieldID)

{

m_DisplayedText = document.getElementById('Display' + a_TextFieldID).innerHTML;

m_MaskedText = document.getElementById('Masked' + a_TextFieldID).innerHTML;

m_ReadableText = document.getElementById('Readable' + a_TextFieldID).innerHTML;

if (m_DisplayedText == m_MaskedText) {

document.getElementById('Display' + a_TextFieldID).innerHTML = document.getElementById('Readable' + a_TextFieldID).innerHTML;

document.getElementById('Button' + a_TextFieldID).src = IMAGES + '/general/hide.gif';

} else {

document.getElementById('Display' + a_TextFieldID).innerHTML = document.getElementById('Masked' + a_TextFieldID).innerHTML;

document.getElementById('Button' + a_TextFieldID).src = IMAGES + '/general/show.gif';

}

}