function fadeInit(){
    var buttonsAndImages = {
        'div1button':'images/dedicatedbanner1.png',
        'div2button':'images/dedicatedbanner2.png',
        'div3button':'images/dedicatedbanner3.png',
        'div4button':'images/dedicatedbanner4.png'
    };
    loadImages(buttonsAndImages);

    div1opaq = new Fx.Tween($('div1')).set('opacity', '1');
    div2opaq = new Fx.Tween($('div2')).set('opacity', '0');
    div3opaq = new Fx.Tween($('div3')).set('opacity', '0');
    div4opaq = new Fx.Tween($('div4')).set('opacity', '0');

    $("div1").fx = new Fx.Morph($("div1"), {
        duration:800,
        link:'cancel'
    });
    $("div2").fx = new Fx.Morph($("div2"), {
        duration:800,
        link:'cancel'
    });
    $("div3").fx = new Fx.Morph($("div3"), {
        duration:800,
        link:'cancel'
    });
    $("div4").fx = new Fx.Morph($("div4"), {
        duration:800,
        link:'cancel'
    });

    $('div1button').addEvent('click', function(e){
        e.stop();
        fadeTimer = $clear(fadeTimer);
        toggle('div1');
    });
    $('div1button').addEvent('mouseout', function(e){
        if(visibleDiv == "div1"){
        fadeTimer = $clear(fadeTimer);
        fadeTimer = rotate.periodical(timerDuration);}
        else{
        $("div1button").removeClass('bannerselectactivebutton');
        $("div1button").addClass('bannerselectbutton');
        }
    });
    $('div1button').addEvent('mouseover', function(e){
        if(visibleDiv != "div1"){
        $("div1button").removeClass('bannerselectbutton');
        $("div1button").addClass('bannerselectactivebutton');
        }
    });
    $('div2button').addEvent('click', function(e){
        e.stop();
        fadeTimer = $clear(fadeTimer);
        toggle('div2');
    });
    $('div2button').addEvent('mouseout', function(e){
        if(visibleDiv == "div2"){
        fadeTimer = $clear(fadeTimer);
        fadeTimer = rotate.periodical(timerDuration);}
        else{
        $("div2button").removeClass('bannerselectactivebutton');
        $("div2button").addClass('bannerselectbutton');
        }
    });
    $('div2button').addEvent('mouseover', function(e){
        if(visibleDiv != "div2"){
        $("div2button").removeClass('bannerselectbutton');
        $("div2button").addClass('bannerselectactivebutton');
        }
    });
    $('div3button').addEvent('click', function(e){
        e.stop();
        fadeTimer = $clear(fadeTimer);
        toggle('div3');
    });
    $('div3button').addEvent('mouseout', function(e){
        if(visibleDiv == "div3"){
        fadeTimer = $clear(fadeTimer);
        fadeTimer = rotate.periodical(timerDuration);}
        else{
        $("div3button").removeClass('bannerselectactivebutton');
        $("div3button").addClass('bannerselectbutton');
        }
    });
    $('div3button').addEvent('mouseover', function(e){
        if(visibleDiv != "div3"){
        $("div3button").removeClass('bannerselectbutton');
        $("div3button").addClass('bannerselectactivebutton');
        }
    });
    $('div4button').addEvent('click', function(e){
        e.stop();
        fadeTimer = $clear(fadeTimer);
        toggle('div4');
    });
    $('div4button').addEvent('mouseout', function(e){
        if(visibleDiv == "div4"){
        fadeTimer = $clear(fadeTimer);
        fadeTimer = rotate.periodical(timerDuration);}
        else{
        $("div4button").removeClass('bannerselectactivebutton');
        $("div4button").addClass('bannerselectbutton');
        }
    });
    $('div4button').addEvent('mouseover', function(e){
        if(visibleDiv != "div4"){
        $("div4button").removeClass('bannerselectbutton');
        $("div4button").addClass('bannerselectactivebutton');
        }
    });



}


function toggle(choosen){
    if(visibleDiv != choosen){
        $(visibleDiv).fx.start({
            'opacity':0
        });
        $(choosen).fx.start({
            'opacity':.99
        });
        visibleButton = visibleDiv + "button";
        choosenButton = choosen + "button";
        visibleDiv = choosen;
        $(visibleButton).removeClass('bannerselectactivebutton');
        $(visibleButton).addClass('bannerselectbutton');
        $(choosenButton).removeClass('bannerselectbutton');
        $(choosenButton).addClass('bannerselectactivebutton');
    }
}

function rotate(){
    switch(visibleDiv){
        case "div1":
            toggle('div2');
            visibleDiv = "div2";
            break;
        case "div2":
            toggle('div3');
            visibleDiv = "div3";
            break;
        case "div3":
            toggle('div4');
            visibleDiv = "div4";
            break;
        case "div4":
            toggle('div1');
            visibleDiv = "div1";
            break;
        default:
            alert("undefined");
    }

}

function loadImages(buttonsAndImages){
    for( bikey in buttonsAndImages)
    {
        var image = new Element('img');
        image.setStyle('src',buttonsAndImages[bikey]);
    }
}