$(document).ready(function() {
    //$("#scr1").load("js.php");
    //function loaded() {
    //}

    var so = new SWFObject('player-viral.swf','mpl','1','1','9');
    so.addParam('allowfullscreen','true');
    so.addParam('allowscriptaccess','always');
    so.addParam('wmode','opaque');
    so.addVariable('playlistfile','music.xml');
    so.addVariable('duration','33');
    //so.addVariable('icons','false');
    //so.addVariable('repeat','always');
    //so.addVariable('file','http://www.longtailvideo.com/jw/upload/bunny.mp3');
    so.write('mediaspace');

    $("#imgwrap").bind("mouseenter", function(e){document.body.style.cursor="pointer";});
    $("#imgwrap").bind("mouseleave", function(e){document.body.style.cursor="default";});
    //function loaded() {
    //}
});

var player;
var num = 1;
//var song = -1;
var song;// = Math.round(Math.random()*7);
var used = new Array();
var stopped = true;
var animate = true;
var composers = new Array('Bach', 'Vivaldi', 'Handel', 'Scarlatti', 'Beethoven', 'Mozart', 'Haydn', 'Ravel', 'Bach', 'Vivaldi', 'Handel', 'Scarlatti', 'Beethoven', 'Mozart', 'Haydn', 'Ravel');
var music = new Array('Brandenburg Concerto No.3', 'The Four Seasons - Spring', 'Music for the Royal Fireworks', 'Sonata in D minor, K. 517', 'Symphony No.9, Ode to Joy', 'Symphony No.40', 'Piano Sonata No.54 in G major', 'Bolero', 'Air on the G string', 'The Four Seasons - Summer', 'Hallelujah', 'Sonata K. 450 in G minor', 'Symphony No.5 - 1st Movement', 'Eine kleine Nachtmusik', 'Trumpet Concerto', 'La Valse');
function playerReady(obj) {
    player = document.getElementById(obj['id']);
    player.addModelListener('STATE','updatePlayerState');
    player.addControllerListener('ITEM','updateCurrentTrack');
    $('#loading').fadeOut('normal',function () {
        $('#wrapper').fadeIn();
    });

};
$(function(){
    $.Lightbox.construct({
        show_info:true,
        show_helper_text:false,
        show_linkback:	false,
        download_link: false,
        text: {
            image:		'Photo'
        }
    });
});


function updatePlayerState(obj) {
    playerStatus = obj['newstate'];
    if (playerStatus == 'IDLE') {
        if (!stopped) {
            player.sendEvent('PLAY','true');
        }
    }
}


function pause() {
    player.sendEvent("PLAY","false");
}
function stop() {
    stopped = true;
    player.sendEvent("STOP");
    //$("#result").text("");
    //$("#result").html("<div id='tryagain'></div>");
    $("#tryagain").hide(100);
}
function stopAll() {
    stop();
    //$("#ctrl").html("<a href='javascript:random()'>Click here to Play !</a>");
    $("#ctrl").html("<a href='javascript:random()'><img src='img/Start.jpg' border='none' /></a>");
}
function random() {
    htmlimg = '';
    htmlinks = '';
    animate = false;

    var generated = new Array();
    
    stop();

    song = Math.round(Math.random()*15);
    if (used.length == 16) {
        while(used.length > 0) {
            used.pop();
        }
    }
    while ( jQuery.inArray(song, used) != -1 )  {
        song = Math.round(Math.random()*15);
    }
    used.push(song);

    while (jQuery.inArray(song, generated) == -1) {
        while(generated.length > 0) {
            generated.pop();
        }
        htmlimg = '';
        htmlinks = '';
        var k = Math.round(Math.random()*15);
        for (i=0; i<4; i++) {
            while ( (jQuery.inArray(k, generated)!= -1) || (jQuery.inArray(k-8, generated)!= -1) || (jQuery.inArray(k+8, generated)!= -1) ) {
                k = Math.round(Math.random()*15);
            }
            generated.push(k);
            htmlimg += "<div id='img" + k + "' class='imgs' onclick='checkImg(" + k + ")'><img title='" + composers[k] + "' alt='" + composers[k] + "' src='img/" + composers[k] + ".jpg' width='250' height='300'></div>";
            htmlinks += "<a id='x" + k + "' title=\"Correct!<br /><br />The composer is<br /><span style='color:green;text-decoration:underline'>" + composers[k] + "</span><br /><br />The music is<br /><span style='color:green;text-decoration:underline'>" + music[k] + "</span>\" href='img/" + composers[k] + ".jpg' class='lightbox-enabled'></a>";
        }
    }

    //$("#imgwrap").hide();
    $("#imgwrap").html(htmlimg);
    //$("#imgwrap").fadeIn();
    $("#imglinks").html(htmlinks);

    player.sendEvent('ITEM',song);
    stopped = false;
    //$("#result").text("Click on the right image!"); // + song);
    //$("#result").html("<img src='img/ClickOnAnswer.jpg' border='none' />");
    //$("#ctrl").html("<a href='javascript:random()'>next music</a>");
    $("#result").css("width","350px");
    $("#clickonanswer").show(100);
    $("#ctrl").html("<a href='javascript:random()'><img src='img/Next.jpg' border='none' /></a>");
}

function checkImg(i) {
    if (song != -1) {
        if (song == i) {
            //$("#result").text("");
            //$("#result").html("<div id='tryagain'></div>");
            $("#tryagain").hide(600);
            $('#x'+i).lightbox({
                start:true,
                events:false
            });
            return false;
        } else {
            $("#clickonanswer").hide();
            $("#result").css("width","200px");
            //$("#result").text("Try again ...");
            //$("#result").css("display", "none")
            $("#tryagain").hide(600);
            //$("#result").html("<div id='tryagain'><img src='img/TryAgain.jpg' border='none' /></div>");
            $("#tryagain").show(600);
            /*
            $("#result").animate( {
                color: 'red'
            }, 600).animate( {
                color: 'white'
            }, 400);
            */
        }
    }

}