//if javascript is enabled, hide the character data content.
document.write("<style type=\"text/css\"> #character-data{ display:none; } </style>");

var default_scollsize = 8;
var scrollable_attributes = {size: default_scollsize, speed: 500};
var jsReady = false;

jQuery(document).ready(function(){

	jsReady = true;
	
	/*set the state of the audio controls */
	var audio_state = $("#audio-controls li#state").text();
	toggleAudio(audio_state);
	
	$("#characters").removeClass('hide');
	$("#characters").show();
	$("#all a").addClass("active");
	
	//assign click events
	$("#audio-controls li#on a").click(function(){changeSound("1")});
	$("#audio-controls li#off a").click(function(){changeSound("0")});
	$("#new a").click(function(){mediaFilter("new")});
	$("#classic a").click(function(){mediaFilter("classic")});
	$("#all a").click(function(){mediaShowAll()});
	
	//make the controls visible
	$("#audio-controls").removeClass('hide');

	//fill  id="characters" with the character thumbnails
	$("#character-data").children().each(function(){		
		var character = $(this);
    	var character_thumb = character.find("img");	
    	character_thumb
		    .attr('class', character.attr('class'))
		    .attr('id', 'scroll_'+character.attr("id"))
		    .click(function(){
		        changeSlide(character.attr("id"))
		    })
		    .fadeIn("slow")
		$("#characters-thumbs").append(character_thumb);		
	});	
	// initialize scrollable  //loaded in via the parent page
	$("div.scrollable").scrollable(scrollable_attributes);
	
	//set the default character img to active	
	var default_character = $("#scroll_"+$("#character-default").text());
	default_character.addClass("active");

});


function mediaFilter(type){

	$("#characters-filter li a").removeClass("active");
	$("#"+type+" a").addClass("active");	

	var images = $("#characters-thumbs img");
	images.fadeOut('fast', function(){	
		//make sure they have all faded out.. then call scrollable to initialize
		if(images.index(this) == images.length-1) {
			var filterSet = $("#characters-thumbs img."+type);
			var api = $("div.scrollable").scrollable({api: true});
			api.getConf().item = "."+type;
			$("#thumb-scroll-box a").addClass("disabled");
			if(filterSet.length > default_scollsize){
				//show the right scroll arrow
				$("#thumb-scroll-box a.nextPage").removeClass("disabled");
			} else {
				api.getConf().size = filterSet.length;
  			}
			api.reload();
			api.begin();
			//fade in the selected set
			filterSet.fadeIn(1000);
		}
	});	
}


function mediaShowAll(){

	$("#characters-filter li a").removeClass("active");
	$("#all a").addClass("active");

	var images = $("#characters-thumbs img");		
	images.fadeOut('fast', function(){	
		//make sure they have all faded out.. then call scrollable to initialize		
		if(images.index(this) == images.length-1) {
			images.fadeIn(1000);
			var api = $("div.scrollable").scrollable({api: true});
			api.getConf().item = "img";
			api.reload();
			api.begin();		
			$("#thumb-scroll-box a.nextPage").removeClass("disabled");						
		}		
	});
}


function isReady(){
	return jsReady;
}

function thisMovie(movieName) {
	if (navigator.appName.indexOf("Microsoft") != -1) {
		var movie = window[movieName];
	} else {
		var movie = document[movieName];
	}
	return movie;
}

function changeSlide(value) {
	thisMovie("Characters").sendCharToActionScript(value);
}

function changeLanguage(value) {
	thisMovie("Characters").sendLangToActionScript(value);
}

function changeSound(value) {	
	var exdate = new Date(); 
	exdate.setDate(exdate.getDate()+180);
	document.cookie='Settings[sound]' + "=" +escape(value)+ ";path=/;expires="+exdate.toGMTString();
	thisMovie("Characters").sendGlobalSoundToActionScript(value);	
	
	toggleAudio(value);
}

function toggleAudio(value){
	$("#audio-controls li a").removeClass("inactive");
	if(value == 0){
		$("#audio-controls li#on a").addClass("inactive");
	} else {
		$("#audio-controls li#off a").addClass("inactive");
	}
}