/**
 * @author Nic
 */

//var _url = 'http://localhost:8888/moderndetail.com/';
var _url = 'http://www.moderndetail.com/';
 
$(document).ready(function(){
    init();
});


function init(){
	// SET UP LINKS
	$(".track").hover(H1,H2);
	$("#home-link").click(function(){
		document.location = "http://www.moderndetail.com/";
	});
	$(".track").bind("click",function(){
		playTrack($(".track").index(this))
	});
	$(".track-controls").hide();
	$("#margin a[@href*=#]").click(function(){
		eval($(this).attr("href").slice(1))($(this).attr("value"));
		return false;
	});

	
	// EMBED FLASH PLAYER
	var params = {
	  menu: "false",
	  swliveconnect:"true",
	  allowscriptaccess:"always"
	};
	var attributes = {
	  id: "mdPlayer",
	  name: "mdPlayer"
	};

	swfobject.embedSWF(_url+"player.swf", "music_player", "1", "1", "8","expressInstall.swf", undefined, params, attributes);
	playera = getFlashMovie('mdPlayer');
	
}

// KEYBOARD SHORTCUTS

function p(evt){
  var key = evt.charCode || evt.keyCode;
  if (String.fromCharCode(key)=="p" || key==32){
    playPauseTrack();
    return false;
  }else if(key==39 || key==40){
	skipTrack(1);
	return false;
  }else if(key==37 || key==38){
	skipTrack(-1);
	return false;
  }
}
	
function H1(){$(this).css("background-color", "#3B4045");$(this).find(".track-controls").show();}
function H2(){$(this).css("background-color", "#30353B");$(this).find(".track-controls").hide();}
function H3(){$(this).find(".track-controls").show();}
function H4(){$(this).find(".track-controls").hide();}
var oldObj = null;
//var currentIndex = 0;

function playPauseTrack(){
	playera.toggleTrack();
}

function playTrack(index) {
	if (oldObj) {
		oldObj.unbind();
		oldObj.find(".track-position").css('visibility','hidden');
		oldObj.animate( { backgroundColor: "#30353B" });
		oldObj.hover(H1,H2);
		oldObj.find(".track-controls").html("");
		oldObj.bind("click", function(){
		playTrack($(".track").index(this))
		});
	}
	if (index < $(".track").length && index >= 0) {
		var button = $(".track:eq(" + index + ")");
		var id = button.attr("value");
		button.unbind();
		button.click(function(){
			playPauseTrack();
		});
		button.hover(H3,H4);
		button.animate({
			backgroundColor: "#2C444F"
		});
		oldObj = button;
		
		playera.playTrack(String(id));
	}else{
		playera.stopTrack();
	}
	
}

function skipTrack(by){
	var currentIndex = $(".track").index(oldObj);
	var newIndex = currentIndex+Number(by);
	playTrack(newIndex);
}

function songStatus(value){
	//alert("songStatus:"+value);
	if(value == 'playing'){
		linkStatus = 'Pause';
	}
	if(value == 'paused'|| value == 'stopped') {
		linkStatus = 'Play';
	}
	$("#margin a[@href=#playPauseTrack]").text(linkStatus);
	oldObj.find(".track-controls").html("<img src='images/"+linkStatus.toLowerCase()+".gif' />");
}

function trackPosition(value){
	//console.log(value);
	oldObj.find(".track-position").css('visibility','visible');
	oldObj.find(".track-position").css('width',value+'%');
}

function error(value){
	alert("Error"+value);
}


function getFlashMovie(movieName) {
	var isIE = navigator.appName.indexOf("Microsoft") != -1;
	return (isIE) ? window[movieName] : document[movieName];
}