var songIsPlaying = 0;

function initPage(){
    $("#audioPlayer").jPlayer( {
        supplied: "mp3, ogg",
        swfPath: ""
    });    
    $("#audioPlayer").bind($.jPlayer.event.ended, function(event) {
        var clear = "track"+songIsPlaying+"img";
        songIsPlaying = 0;
        dojo.attr(dojo.byId(clear), "src", "assets/empty.gif");
    });
    initHoverOnFollowLinks();
}
function initHoverOnFollowLinks(){
    dojo.query(".followlinks").forEach(function(link){
        dojo.connect(link, "onmouseover", function(evt){
            dojo.style(evt.target, "opacity", "0.7");
        });
        dojo.connect(link, "onmouseout", function(evt){
            dojo.style(evt.target, "opacity", "1.0");
        });
    });
}

function showNavLinks(bool){
    bool == true ? 
    dojo.style("navlinks","visibility","visible")
    : 
    dojo.style("navlinks","visibility","hidden")
}

function animateHover(number){
    var fadeinduration = 500;
    var fadeoutduration = 70;
    switch(number){
        case -1:
            dojo.attr("listen_over_img","src","assets/listen.gif");
            dojo.fadeOut({
                duration: fadeoutduration,
                node: dojo.byId("arrow1")
            }).play();
            break;
        case -2:
            dojo.attr("whoweare_over_img","src","assets/whoweare.gif");
            dojo.fadeOut({
                duration: fadeoutduration,
                node: dojo.byId("arrow2")
            }).play();
            break;
        case -3:
            dojo.attr("follow_over_img","src","assets/follow.gif");
            dojo.fadeOut({
                duration: fadeoutduration,
                node: dojo.byId("arrow3")
            }).play();
            break;
        case 1:
            dojo.attr("listen_over_img","src","assets/listen_over.gif");
            dojo.style("arrow1", 'opacity', 0);
            dojo.style("arrow1", 'visibility', "visible");
            var step1 = dojo.fadeIn({
                duration: fadeinduration,
                node: dojo.byId("arrow1")
            });
            dojo.style("arrow2", 'opacity', 0);
            dojo.style("arrow2", 'visibility', "visible");
            var step2 = dojo.fadeIn({
                duration: fadeinduration,
                node: dojo.byId("arrow2")
            });  
            dojo.style("arrow3", 'opacity', 0);
            dojo.style("arrow3", 'visibility', "visible");
            var step3 = dojo.fadeIn({
                duration: fadeinduration,
                node: dojo.byId("arrow3")
            });
            var step4 = dojo.fadeOut({
                duration: fadeoutduration,
                node: dojo.byId("arrow2")
            });
            var step5 = dojo.fadeOut({
                duration: fadeoutduration,
                node: dojo.byId("arrow3")
            });
            var fadeinstep = dojo.fx.combine([step1,step2,step3]);
            dojo.fx.chain([fadeinstep,step4,step5]).play();
            break;
        case 2:
            dojo.attr("whoweare_over_img","src","assets/whoweare_over.gif");
            dojo.style("arrow2", 'opacity', 0);
            dojo.style("arrow2", 'visibility', "visible");
            var step1 = dojo.fadeIn({
                duration: fadeinduration,
                node: dojo.byId("arrow2")
            });
            dojo.style("arrow1", 'opacity', 0);
            dojo.style("arrow1", 'visibility', "visible");
            var step2 = dojo.fadeIn({
                duration: fadeinduration,
                node: dojo.byId("arrow1")
            });  
            dojo.style("arrow3", 'opacity', 0);
            dojo.style("arrow3", 'visibility', "visible");
            var step3 = dojo.fadeIn({
                duration: fadeinduration,
                node: dojo.byId("arrow3")
            });
            var step4 = dojo.fadeOut({
                duration: fadeoutduration,
                node: dojo.byId("arrow1")
            });
            var step5 = dojo.fadeOut({
                duration: fadeoutduration,
                node: dojo.byId("arrow3")
            });
            var fadeinstep = dojo.fx.combine([step1,step2,step3]);
            dojo.fx.chain([fadeinstep,step4,step5]).play();
            break;
        case 3:
            dojo.attr("follow_over_img","src","assets/follow_over.gif");
            dojo.style("arrow3", 'opacity', 0);
            dojo.style("arrow3", 'visibility', "visible");
            var step1 = dojo.fadeIn({
                duration: fadeinduration,
                node: dojo.byId("arrow3")
            });
            dojo.style("arrow2", 'opacity', 0);
            dojo.style("arrow2", 'visibility', "visible");
            var step2 = dojo.fadeIn({
                duration: fadeinduration,
                node: dojo.byId("arrow2")
            });  
            dojo.style("arrow1", 'opacity', 0);
            dojo.style("arrow1", 'visibility', "visible");
            var step3 = dojo.fadeIn({
                duration: fadeinduration,
                node: dojo.byId("arrow1")
            });
            var step4 = dojo.fadeOut({
                duration: fadeoutduration,
                node: dojo.byId("arrow1")
            });
            var step5 = dojo.fadeOut({
                duration: fadeoutduration,
                node: dojo.byId("arrow2")
            });
            var fadeinstep = dojo.fx.combine([step1,step2,step3]);
            dojo.fx.chain([fadeinstep,step4,step5]).play();
            break;
    }
}

function showBandMembers(member){
    if(dojo.isIE < 9){
        dojo.style("Kenneth_over", "top", "-757px"); 
        dojo.style("Ruben_over", "top", "-813px");  
        dojo.style("NOMAD_over", "top", "-695px");  
    }
    else if(!dojo.isWebKit){
        dojo.style("Kenneth_over", "top", "-758px"); 
        dojo.style("Ruben_over", "top", "-814px");  
        dojo.style("NOMAD_over", "top", "-696px");         
    }
    dojo.style("Kenneth", "display", "none");
    dojo.style("Kenneth_over", "display", "none");    
    dojo.style("Ruben", "display", "none");
    dojo.style("Ruben_over", "display", "none");  
    dojo.style("NOMAD", "display", "none");
    dojo.style("NOMAD_over", "display", "none");       
    if(member == "Kenneth"){
        dojo.style("Kenneth", "display", "block");
        dojo.style("Kenneth_over", "display", "block");
        dojo.style("Kenneth_over", "cursor", "pointer");
    }else if(member == "Ruben"){
        dojo.style("Ruben", "display", "block");
        dojo.style("Ruben_over", "display", "block");
        dojo.style("Ruben_over", "cursor", "pointer");
    }else if(member == "NOMAD"){
        dojo.style("NOMAD", "display", "block");
        dojo.style("NOMAD_over", "display", "block");             
        dojo.style("NOMAD_over", "cursor", "pointer");
    }  
}



function showClickToPlay(track){
    var imgid = "track"+track+"img";          
    if(songIsPlaying == track){
        dojo.attr(dojo.byId(imgid), "src", "assets/clickToStop.png");
    }else{
        dojo.attr(dojo.byId(imgid), "src", "assets/clickToPlay.png");
    }
}

function hideClickToPlay(track){
    var imgid = "track"+track+"img";
    if(songIsPlaying  == track){
        dojo.attr(dojo.byId(imgid), "src", "assets/playing.png");
    }else{
        dojo.attr(dojo.byId(imgid), "src", "assets/empty.gif");
    }
}

function playIamAlive(){
    $("#audioPlayer").jPlayer("setMedia", {
        ogg: "samples/I Am Alive aka The Rise of NOMAD_Sample.ogg",
        mp3: "samples/I Am Alive aka The Rise of NOMAD_Sample.mp3"
    });
    playSong(10);
}

function playRegularPeople(){
    $("#audioPlayer").jPlayer("setMedia", {
        ogg: "samples/Regular People_Sample.ogg",
        mp3: "samples/Regular People_Sample.mp3"
    }); 
    playSong(9);
} 
function playJovianCyclotronEmissions(){
    $("#audioPlayer").jPlayer("setMedia", {
        ogg: "samples/Jovian (Electron)  Cyclotron Emissions_Sample.ogg",
        mp3: "samples/Jovian (Electron)  Cyclotron Emissions_Sample.mp3"
    });
    playSong(8);
} 
function playBabyPhoenix(){
    $("#audioPlayer").jPlayer("setMedia", {
        ogg: "samples/Baby Phoenix_Sample.ogg",
        mp3: "samples/Baby Phoenix_Sample.mp3"
    });
    playSong(7);
} 
function playRosie(){
    $("#audioPlayer").jPlayer("setMedia", {
        ogg: "samples/Rosie_Sample.ogg",
        mp3: "samples/Rosie_Sample.mp3"
    });
    playSong(6);
} 
function playEleanorRigby(){
    $("#audioPlayer").jPlayer("setMedia", {
        ogg: "samples/Eleanor Rigby_Sample.ogg",
        mp3: "samples/Eleanor Rigby_Sample.mp3"
    });
    playSong(5);
} 
function playMonochrome(){
    $("#audioPlayer").jPlayer("setMedia", {
        ogg: "samples/Monochrome_Sample.ogg",
        mp3: "samples/Monochrome_Sample.mp3"
    });
    playSong(4);
} 
function playCoronation(){
    $("#audioPlayer").jPlayer("setMedia", {
        ogg: "samples/Coronation_Sample.ogg",
        mp3: "samples/Coronation_Sample.mp3"
    });
    playSong(3);
} 
function playNowOrNever(){
    $("#audioPlayer").jPlayer("setMedia", {
        ogg: "samples/Now or Never_Sample.ogg",
        mp3: "samples/Now or Never_Sample.mp3"
    });
    playSong(2);
} 
function playSundown(){
    $("#audioPlayer").jPlayer("setMedia", {
        ogg: "samples/Sundown_Sample.ogg",
        mp3: "samples/Sundown_Sample.mp3"
    });
    playSong(1);
} 
function playSong(track){
    var imgid = "track"+track+"img";    
    if(songIsPlaying == 0){
        $("#audioPlayer").jPlayer("play");
        songIsPlaying = track;  
        dojo.attr(dojo.byId(imgid), "src", "assets/playing.png");   
    }else if(songIsPlaying == track){
        $("#audioPlayer").jPlayer("stop");
        songIsPlaying = 0; 
        dojo.attr(dojo.byId(imgid), "src", "assets/empty.gif");
    }else{
        var clear = "track"+songIsPlaying+"img";
        dojo.attr(dojo.byId(clear), "src", "assets/empty.gif");
        songIsPlaying = 0;
        playSong(track);
    }
}
dojo.require("dojo.fx");
dojo.require("dojox.widget.Rotator");
dojo.require("dojox.widget.rotator.Pan");
dojo.ready(initPage);