var lastMenuNotifications = null;
var lastImgNotifications = null;
var lastMenuMain = null;
var cssClassActive = "current";
var cssClassSelected = " selected";

function pageLoad() {
	var pagename = window.location.href;
	 if (pagename.indexOf('http://www.velos.com/wordpress/?page_id=27') != -1) {
		var aHrefElement = document.getElementById('partnerlink'); 
	    changeClassesMenus(aHrefElement, null, cssClassActive);
	}
	if (pagename.indexOf('services.htm') != -1) {
		var aHrefElement = document.getElementById('serviceslink'); 
	    changeClassesMenus(aHrefElement, null, cssClassActive);
	}
	if (pagename.indexOf('resources.htm') != -1) {
		var aHrefElement = document.getElementById('resources'); 
	    changeClassesMenus(aHrefElement, null, cssClassActive);
	}
	if (pagename.indexOf('story.htm') != -1) {
		var aHrefElement = document.getElementById('storylink'); 
	    changeClassesMenus(aHrefElement, null, cssClassActive);
	}
	if (pagename.indexOf('security-compliance.htm') != -1) {
		var aHrefElement = document.getElementById('security'); 
	    changeClassesMenus(aHrefElement, null, cssClassActive);
	}
	if (pagename.indexOf('termcondition.htm') != -1) {
		var aHrefElement = document.getElementById('term'); 
	    changeClassesMenus(aHrefElement, null, cssClassActive);
	}
	if (pagename.indexOf('privacypolicy.htm') != -1) {
		var aHrefElement = document.getElementById('privacy'); 
	    changeClassesMenus(aHrefElement, null, cssClassActive);
	}
}

function initNotifications() {
    lastMenuNotifications = document.getElementById('s1');
    lastImgNotifications = document.getElementById('img1');
}

function mainMenuClick(event) {
    lastMenuMain = updateClasses(event, lastMenuMain);
}

// update selected class on new element, resets class from earlier element
function updateClasses(event, previousElement) {
    var liElement = (event.currentTarget) ? event.currentTarget : event.srcElement;

    changeClassesMenus(liElement, previousElement, cssClassActive);
    return liElement;
}

function showHideMenu(menu, img) {
    var currentMenu = document.getElementById(menu);
    var currentImg = document.getElementById(img);

    if(currentMenu.style.display == '') {
        currentMenu.style.display = 'none';
        currentImg.src = 'images/arrow-up.png';

        lastMenuNotifications = null;
        lastImgNotifications = null;
        changeClasses(null, currentImg.parentNode.parentNode, cssClassSelected);
    } else {
        currentMenu.style.display = '';
        currentImg.src = 'images/arrow-down.png';

        if(lastMenuNotifications != null) {
            lastMenuNotifications.style.display = 'none';
            lastImgNotifications.src = 'images/arrow-up.png';
        }
        changeClasses(currentImg.parentNode.parentNode, lastImgNotifications != null ?
            lastImgNotifications.parentNode.parentNode : null, cssClassSelected);
        lastMenuNotifications = currentMenu;
        lastImgNotifications = currentImg;
    }
} 

function changeClassesMenus(currentElement, previousElement, cssClassName) {
    if (currentElement != null) {
        var classList = currentElement.className;

        classList = classList.replace("normallink", cssClassName);
        currentElement.className = classList;
    }
    if (previousElement != null) {
        var classList2 = previousElement.className;

        classList2 = classList2.replace(cssClassName, "normallink");
        previousElement.className = classList2;
    }
}

function changeClasses(currentElement, previousElement, cssClassName) {
    if (currentElement != null) {
        var classList = currentElement.className;

        classList += cssClassName;
        currentElement.className = classList;
    }
    if (previousElement != null) {
        var classList2 = previousElement.className;

        classList2 = classList2.replace(cssClassName, "");
        previousElement.className = classList2;
    }
}

