var wep = {};

wep.spacerUrl = 'fileadmin/img/spacer.gif';

wep.hoverButton = function(buttonId){

    var button = document.getElementById('wep_button' + buttonId);
    var nextButton = document.getElementById('wep_button' + (parseInt(buttonId) + 1))
    var prevButton = document.getElementById('wep_button' + (parseInt(buttonId) - 1))
    if(!wep.hasClass(button, 'wep_buttonSelected')){
        var spacerLeft = document.getElementById('wep_buttonSpacer' + buttonId);
        var spacerRight = document.getElementById('wep_buttonSpacer' + (buttonId+1));

        button.className = 'wep_buttonHover';

        if(buttonId==14 || buttonId==89){
            spacerLeft.className = 'wep_buttonSpacerLeftFirstHover';
        }
        else{
            spacerLeft.className = 'wep_buttonSpacerLeftHover';
        }
        
        if(wep.hasClass(nextButton, 'wep_buttonSelected')){
            spacerRight.className = 'wep_buttonSpacerRightHoverSelRight';
        }
        else{
            spacerRight.className = 'wep_buttonSpacerRightHover';
        }

        if(wep.hasClass(prevButton, 'wep_buttonSelected')){
            spacerLeft.className = 'wep_buttonSpacerLeftHoverSelLeft';
        }
    }
}
wep.outButton = function(buttonId){
    var button = document.getElementById('wep_button' + buttonId);
    var nextButton = document.getElementById('wep_button' + (parseInt(buttonId) + 1))
    var prevButton = document.getElementById('wep_button' + (parseInt(buttonId) - 1))

    if(!wep.hasClass(button, 'wep_buttonSelected')){
        var spacerLeft = document.getElementById('wep_buttonSpacer' + buttonId);
        var spacerRight = document.getElementById('wep_buttonSpacer' + ++buttonId);

        button.className = 'wep_button';

        if(buttonId==15 || buttonId==90){
            spacerLeft.className = 'wep_buttonSpacerFirst';
        }
        else{
            spacerLeft.className = 'wep_buttonSpacer';
        }

        if(wep.hasClass(nextButton, 'wep_buttonSelected')){
            spacerRight.className = 'wep_buttonSpacerLeftSelected';
        }
        else{
            spacerRight.className = 'wep_buttonSpacer';
        }

        if(wep.hasClass(prevButton, 'wep_buttonSelected')){
            spacerLeft.className = 'wep_buttonSpacerRightSelected';
        }
    }
}
wep.hasClass = function (object, className){
    if(object){
        if(object.getAttribute('class')==className || object.getAttribute('className')==className)
            return true;
    }
    return false;
}