// GSI javascript

    var currentActiveMenu;
    var menuElements;


function initRightSubmenu() {

	if(document.getElementById('right-submenu')){

		menuElements = document.getElementById('right-submenu').getElementsByTagName('IMG');

		for(var i = 0; i<menuElements.length; i++){

			menuElements[i].id = 'rightSubmenu'+i;

			menuElements[i].order = i;

			if(i == 0){

				menuElements[i].current = true;

				currentActiveMenu = i;

			}

			else {

				menuElements[i].current = false;

			}

			menuElements[i].imgPathSubstr = menuElements[i].src.substring(0, menuElements[i].src.lastIndexOf('_')+1);

			menuElements[i].onclick = rightSubmenuClick;

			menuElements[i].onmouseover = rightSubmenuMouseover;

			menuElements[i].onmouseout = rightSubmenuMouseout;

		}

		var randomnumber = Math.floor(Math.random() * menuElements.length)

		changeMainBackground(randomnumber);
		changeSectionTitle(randomnumber);
		changeSectionDesc(randomnumber);
		changeSectionLink(randomnumber);
		changeSectionProducts(randomnumber);		
	}	

}



function rightSubmenuClick (){

	if(!this.current){

		this.src = this.imgPathSubstr + 'on.gif';

		this.current = true;

		menuElements[currentActiveMenu].src = menuElements[currentActiveMenu].imgPathSubstr + 'off.gif';

		menuElements[currentActiveMenu].current = false;

		order = this.order;

		changeMainBackground(this.order);

		changeSectionTitle(this.order);

		changeSectionDesc(this.order);

		changeSectionLink(this.order);
		
		changeSectionProducts(this.order);

	}

	return false;

}



function rightSubmenuMouseover(){

	if(!this.current){

		this.src = this.imgPathSubstr + 'on.gif';

	}

}



function rightSubmenuMouseout(){

	if(!this.current){

		this.src = this.imgPathSubstr + 'off.gif';

	}

}

function changeMainBackground(num){

	document.getElementById('home-current-section').style.backgroundImage = 'url(' + mainBackgrounds[num] + ')';

}

function changeSectionTitle(num){

	document.getElementById('section-title-image').src = sectionTitles[num];

	document.getElementById('section-title-image').alt = sectionNames[num];

	document.getElementById('view-section-products').innerHTML = sectionNames[num];	

}

function changeSectionDesc(num){

	document.getElementById('section-desc').innerHTML = sectionDesc[num];

}

function changeSectionLink(num){
	document.getElementById('view-all-products').innerHTML = '<a href="' + sectionURL[num] + '">view all ' + sectionNames[num] + ' &gt;&gt;</a>';

}

function changeSectionProducts(num) 
{
    document.getElementById('current-section-products').innerHTML = document.getElementById('activity-products-' + sectionIds[num]).innerHTML;
}


function findElementsByRegEx(container, regex) {
    var items = Array();
    for (var i = 0; i < container.childNodes.length; i++) {
        var child = container.childNodes[i];
        if (child.id && child.id.match(regex)) items.push(child);
        items = items.concat(findElementsByRegEx(child, regex));
    }
    return items;
}