var player;

function onLoad()
{
	resizeHeader();
	updateReleases();

	$(window).resize(function() 
			{
		resizeHeader();
		updateReleases();
			});

	var playerID = "player";

	player = new Player(playerID);
	//player.init(playerID);
	
	$(".releaseTitle").each(function(index)
	{  
		var t = jQuery(this).text();
        $(this).text(shorten(t,42)); //truncate to 36
    });

	$(".notPlayed").each(function(index)
	{  
		var t = jQuery(this).text();
//		
        $(this).text(shorten(t,52)); //truncate to 36
//$(this).alt = t;
    });
}

function resizeHeader()
{
	var totalCount = $("#releaseContainer > div").size();

	var windowWidth = document.documentElement.clientWidth - 30;
	var maxCountOfReleaseOnLine = Math.floor(windowWidth/290);

	var newWidth = 290*Math.min(maxCountOfReleaseOnLine, totalCount) - 10 + "px";
	document.getElementById("header").style.width = newWidth;
	document.getElementById("footerLine").style.width = newWidth;

}

function updateReleases()
{


	var totalCount = $("#releaseContainer > div").size() - 1;

	//alert(totalCount);
	for(var i=0; i<totalCount; i++)
	{
		if(document.getElementById("clearme"+i))
		{
			//alert("clearme" + i);
			document.getElementById("releaseContainer").removeChild(document.getElementById("clearme" + i));
		}
	}

	var totalCount = $("#releaseContainer > div").size() - 1;

	var windowWidth = document.documentElement.clientWidth - 30;
	var maxCountOfReleaseOnLine = Math.floor(windowWidth/290);

	var releaseContainer = document.getElementById("releaseContainer");

	var id = Math.min(maxCountOfReleaseOnLine, totalCount);



	var count = Math.floor(totalCount/maxCountOfReleaseOnLine);
	//alert(count + " " + maxCountOfReleaseOnLine);
	for(var i=0; i<count; i++)
	{
		var newdiv = document.createElement('div');
		
		//newdiv.setAttribute('class', 'clearme');
		newdiv.setAttribute('id', 'clearme' + i);	
		
				
		//newdiv.setAttribute('id', "21")
		//newdiv.innerHTML =  count;

		//alert("newdix")
		if(count > i+1 || count == 1)
		{	
			var release = document.getElementById("release" + (i+1)*maxCountOfReleaseOnLine);
			//alert("release" + (i+1)*3);
			//document.getElementById("releaseContainer").insertBefore(newdiv, release);

			release.parentNode.insertBefore(newdiv, release);
		}
		
		$('#' + 'clearme' + i).addClass("clearandspaceme");	
	}


	//alert(releaseContainer.parent);


	//document.getElementById("release1").appendChild(newdiv);

}

function setStyle(el,spec) 
{
	for (var n in spec) 
	{
		el.style[n] = spec[n];
	}
}

function trackClickHandler(element, url)
{
	this.player.click(element, url);
}

function shorten(sometext, maxlen) 
{ 
	return ((sometext.length<=maxlen)?sometext:(sometext.substr(0,maxlen-3)+"...")); 
}

function completePlaying()
{
	this.player.stop();
}