//add listeners to thumbnails
Event.observe(window, "load", function(){

	var movie_folder_name = $('movie_folder_name_holder').innerHTML;
	
	$$(".advert-thumbnail a").each(function(e){
		Event.observe(e, "click", function(){
			switch_tv_ads(e , movie_folder_name);
		});
	});
	
});

function switch_tv_ads(e, movie_folder_name){

	var video_id = "advert-" + e.id.replace("thumbnail-", "");
	var commercial_number = parseInt(e.id.replace("thumbnail-", ""));
	
	switch(commercial_number){

		case 1:
			var path_to_ad = "tv-ads-1.flv";
			break;

		case 2:
			var path_to_ad = "tv-ads-2.flv";
			break;

		case 3:
			var path_to_ad = "tv-ads-3.flv";
			break;

		case 4:
			var path_to_ad = "tv-ads-4.flv";
			break;
		
		case 5:
			var path_to_ad = "tv-ads-5.flv";
			break;

		case 6:
			var path_to_ad = "tv-ads-6.flv";
			break;
		
		default:
			var path_to_ad = "tv-ads-1.flv";
		
	}
	
	//sort out overlay images
	$$(".advert-thumbnail a").each(function(ad){
		ad.addClassName("overlay");
	});
	
	//remove 'play' overlay from the thumbnail we are about to play
	$("thumbnail-" + commercial_number).removeClassName("overlay");
	
	
	//update the label (top right) - we only want the numbers 1-3 though
	if (commercial_number > 3){
		commercial_number = commercial_number - 3;
		if (commercial_number > 3) {
			commercial_number = 3;
		}
	}
	$("commercial-number").update(commercial_number);
	
	var new_ad = "<div id='tv-advert' class='flash-ad'></div>";

	new_ad += "<script type='text/javascript'>";		
		new_ad += "var so = new SWFObject('" + base_href + "tv_ads/2010/tv_ad.swf', 'mymovie', '480', '310', '8', '#000000');";
		new_ad += "so.addVariable('path', '" + base_href + "tv_ads/2010/"+movie_folder_name+"/');";
		new_ad += "so.addVariable('movie', '" + path_to_ad + "');";
		new_ad += "so.addParam('wmode', 'transparent');";
		new_ad += "so.write('tv-advert');";
	new_ad += "</script>";
	
	$("main-ad").update(new_ad);
	
	return false;
}