$(document).ready(function(){
	
	$.getJSON("fetch.php",loadPlaylist);
  
});


function loadPlaylist(data) {
	
	loadVideo(data[0].id);
  
  $.each(data, function(i,item) {
      $("<img/>").attr("src",item.img).appendTo($("<a/>").attr("href","#").attr("title",item.headline).click(function(){loadVideo(item.id);return false;}).appendTo("#clipfish-playlist"));
  });

	//$('#clipfish-playlist').css({'width':'464px'});
	//$('#clipfish-playlist a').css({'padding':'464px'});

}

function loadVideo(id) {
	//alert(id);
	
	var rand = Math.random()*9999;
	
	var preroll = 'http://ad.de.doubleclick.net/adx/www.clipfish.de/bigbrother/rtl2;theme=bigbrother;pack=profcon;sz=320x240;pos=pre;dcmt=text/xml;ord='+rand+'?';
	var cutinad = 'http://ad.de.doubleclick.net/adx/www.clipfish.de/bigbrother/rtl2;theme=bigbrother;pack=profcon;sz=400x50;pos=pre;dcmt=text/xml;ord='+rand+'?';
	
	var flashCode = '<object width="464" height="384"><param name="allowScriptAccess" value="always" /><param name="movie" value="http://www.clipfish.de/cfng/flash/clipfish_player_3.swf?as=0&videoid='+id+'&r=1&angebot=rtl2&c=000000&teaser=0&preroll='+preroll+'&cutinad='+cutinad+'" /><param name="bgcolor" value="#ffffff" /><param name="allowFullScreen" value="true" /><embed src="http://www.clipfish.de/cfng/flash/clipfish_player_3.swf?as=0&vid='+id+'&r=1&angebot=rtl2&c=000000&teaser=0&preroll='+preroll+'&cutinad='+cutinad+'" quality="high" bgcolor="#000000" width="464" height="384" name="player" align="middle" allowFullScreen="true" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object>';
	$("#clipfish-player").html(flashCode);
	
}