var tsplayer = {};

// Array with players data
tsplayer.players = [];

tsplayer.createPlayer = function(playerId, playlistId, playlist){
	console.log(playerId);
	console.log(playlistId);
	console.log(playlist);
	var list = '<ul class="tsplayer-playlist">';
	for(var i=0, h = playlist.length; i < h; i++){
		list += '<li class="tsplayer-playlist-item" onclick="javascript:tsplayer.selectItem(\''+playlistId+'\', '+i+');tsplayer.play(\''+playerId+'\', '+i+');">'+playlist[i]+'</li>';	
	}
	list += '</ul>';
	
	this.players.push({'player':playerId, 'playlist':playlistId});
	
	$('#'+playlistId).each(function(){
		$(this).html(list);
		$("li", this).mouseover(function(){$(this).addClass('tsplayer-playlist-over-item');}).mouseout(function(){$(this).removeClass('tsplayer-playlist-over-item');});
	});
};

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

tsplayer.play = function(playerId, item){
	for(var i=0, h=this.players.length; i<h; i++){
		if(this.players[i].player == playerId){
			var player = this.getPlayer(this.players[i].player);
			if(player){
				player.play(item);
			}
		}	
	}
};

tsplayer.selectItem = function(playlistId, item){
	var player, playlist;
	for(var i=0, h=this.players.length; i<h; i++){
		if(this.players[i].playlist == playlistId){
			$('#'+playlistId).each(function(){
				$(this).find('li.tsplayer-playlist-active-item').removeClass('tsplayer-playlist-active-item').end().find('li:eq('+item+')').addClass('tsplayer-playlist-active-item');
			});
		}else{
			player = this.getPlayer(this.players[i].player);
			if(player){
				player.stop();
			}
		}
			
	}
};

// Testing the framework
jQuery(function(){
	//tsplayer.createPlayer('player', 'playlist', ['song1', 'song2', 'song3', 'song4', 'song5']);
	//tsplayer.selectItem('playlist', 2);
});