var currentState = "NONE"; 
var previousState = "NONE"; 
var mediaa = '';
var data;
var playerHref = 'http://www.pkssuwalki.home.pl/www/pkssuwalki_pl2/themes/pks_suwalki2/js/player.swf';

function runMedia()
{
	//alert(toString().createHref);
	mediaa = '';
	mediaa = new Media();
	if (data) {
		mediaa.restoreMe(data, true);
	}
}
function Clip(id, title, url, img, rHref)
{
	this.id = id;
	this.title = title;
	this.url = url;
	this.length = length;
	this.image = img;
	this.rHref = rHref;
}

function Media()
{
	this.clips = new Array();
	
	this.createPlayer = function(clip)
	{
		//alert(clip.image);
		//alert(clip.url);
		this.actualPlayClip = clip.id;
		var clipUrl = clip.url;
		//alert(clipUrl);
		if (!clipUrl) {
			//clipUrl = clip.image;
			$('#mediaspace').children().remove();
			$('#mediaspace').append("<img src='" + clip.image +"' alt='' />");
			$('#mediaspace').append("<div class='MediaMore'><a href='http://" + clip.rHref.replace('http://','') + "'>więcej <img src='themes/pks_suwalki2/common/arrowg.png' alt='' /></a></div>");
			setTimeout('mediaa.playNext()',10000);
		} else {
			var so = new SWFObject(playerHref,'mediaspace','301','167','9');
			so.addParam('allowfullscreen','true');
			so.addParam('allowscriptaccess','always');
			so.addParam('wmode','opaque');
			so.addParam('flashvars','file=' + clipUrl + '&autostart=true&controlbar=none');
			so.addVariable('javascriptid', 'playerID');
			so.addVariable('file',clipUrl);
			so.addVariable('enablejs','true');
			so.setAttribute('id','player1');
			so.setAttribute('name','player1');
			so.write('mediaspace');
			playerReady('player1');
			if (clip.rHref != null) {
				$('#mediaspace').append("<div class='MediaMore'><a href='http://" + clip.rHref.replace('http://','') + "'>więcej <img src='themes/pks_suwalki2/common/arrowg.png' alt='' /></a></div>");
			}
		}
	}
	
	this.restoreMe = function(dataJSON, play)
	{
		var obj = jQuery.parseJSON(dataJSON);
		var i = 0;
		this.clips = new Array();
		for (i in obj) {
			var clip = obj[i];
			var clipObject = new Clip(i, clip.title, '' + clip.url + '', '' + clip.image + '', clip.url_href);
			this.clips.push(clipObject);
		}
		
		this.render();
		
		if (play) {
			this.createPlayer(this.clips[0]);
		}
	}
	
	this.render = function()
	{
		var conteiner = $('.SmallMedia');
		var i = 0;
		var div = "";
		for (i in this.clips) {
			e = this.clips[i];
			
			if (i == '0') {
				var css = "Selected";
			} else {
				var css = "";
			}
			div += "<div id='D_" + i + "' class='Element " + css +"' onclick='mediaa.playMe(" + i + ")'>" + e.title +"</div><div class='Line'></div>";
		}
		conteiner.append(div);
	}
	
	this.playMe = function (id)
	{
		this.play(this.clips[id].id);
		$('.SmallMedia').children().removeClass('Selected');
		$('#D_' + id).addClass('Selected');
	}
	
	
	this.playNext = function()
	{
		var i = 0;
		var uid;
		for (i in this.clips) {
			e = this.clips[i];
			//alert(e.id);
			//alert(this.actualPlayClip);
			if (e.id == this.actualPlayClip) {
				uid = ++i;
				//alert(this.clips[uid].id);
				try {
					if (this.clips[uid].id >0 ) {
						this.play(this.clips[uid].id);
						$('.SmallMedia').children().removeClass('Selected');
						$('#D_' + uid).addClass('Selected');
					} else {
						this.play(this.clips[0].id);
						$('.SmallMedia').children().removeClass('Selected');
						$('#D_0').addClass('Selected');
					}
				} catch (err) {
					this.play(this.clips[0].id);
					$('.SmallMedia').children().removeClass('Selected');
					$('#D_0').addClass('Selected');
				}
				break;
			} else {
				//continue;
				//this.play(this.clips[0].id);
			//	$('.SmallMedia').children().removeClass('Selected');
			//	$('#D_0').addClass('Selected');
			}
		}
	}
	this.play = function(id)
	{
		var i = 0;
		var uId = id;
		for (i in this.clips) {
			e = this.clips[i];
			if (e.id == id) {
				this.actualPlayClip = e.id;
				mediaa.createPlayer(e);
			}
		}
	}
}

function playerReady(thePlayer)
{
	var player = null;
	player = document.getElementById(thePlayer.id);
	addListeners(player);
}
 
function addListeners(player)
{
	if (player) { 
		player.addModelListener("STATE", "stateListener");
	} else {
		setTimeout("addListeners()",100);
	}
} 
 
function stateListener(obj)
{ //IDLE, BUFFERING, PLAYING, PAUSED, COMPLETED
	currentState = obj.newstate;
	previousState = obj.oldstate;
	
	if ((currentState == "COMPLETED")) {
		//alert(currentState);
		mediaa.playNext();
	}
}