$(document).ready(function() {

	$(".toggle_container").hide();

	$("h2.trigger").toggle(function(){
		$(this).addClass("active"); 
		}, function () {
		$(this).removeClass("active");
	});
	
	$("h2.trigger").click(function(){
		$(this).next(".toggle_container").slideToggle("slow,");
	});
	
		months = new Array("Jan", "Feb", "Mar", "Apr", "May", "June", "July", "Aug", "Sep", "Oct", "Nov", "Dec");
		
		var event 		= new Date();
		var currentDate = new Date();
		
		/*** EDIT TIME DETAILS ***/
var month	= 5;
var day		= 12;
var year 	= 2010;
var hour		= 00;
var min		= 00;
		/*** END TIME DETAILS ***/
		
		/*** EDIT INFO DETAILS ***/
var xfirename	= "";
var info_url	= "http://www.gamereplays.org/companyofheroes/portals.php?show=news&news_id=626831";
var details	= "CoH: Eastern Front Showcase";
var shoutcaster	= "";
var mode	= "Multiple Broadcasts";
var cameraman	= "Reborn Clan + Devs";
		/*** END INFO DETAILS ***/
		
		event = new Date(Date.UTC(year, month, day, hour, min));

		
		if(event.getMinutes() < 10){
			var txt_min	= event.getMinutes()+"0 GMT";
		}else{
			var txt_min	= event.getMinutes()+"GMT";
		}
		
		var date = event.getDate();
		date 	+= " "+months[event.getMonth()];
		date 	+= " "+event.getFullYear();
		date	+= " - "+hour;
		date	+= ":"+txt_min;
		
		var expired = true;
		var xfire_url 	= "http://www.xfire.com/live_video/"+xfirename;
		var preview_url	= "http://thumbnail.api.livestream.com/thumbnail?name=xfire_"+xfirename;
		
		
		$('#eventCountdown').countdown({
			until: event,
			alwaysExpire: true,
			compact: true,
			layout: '<b>{dn}{dl} {hnn}{sep}{mnn}{sep}{snn} {desc}</b> until <i>'+details+'</i>',
			onExpiry: liftOff
		}); 
		
		var info = "";
		info 	+= "<h3>Event Infos</h3>";
		info	+= '<table class="eventinfo"><tbody>';
		info  	+= '<tr><th>details:</th><td>'+details+'<td></tr>';
		info  	+= '<tr><th>mode:</th><td>'+mode+'<td></tr>';
		info  	+= '<tr><th>start:</th><td>'+date+'<td></tr>';
		info  	+= '<tr><th>shoutcaster:</th><td>'+shoutcaster+'<td></tr>';
		info  	+= '<tr><th>cameraman:</th><td>'+cameraman+'<td></tr>';
		info  	+= '<br><tr><th class="info"></th><td><a href="'+info_url+'" target=_blank>check out!</a><td></tr>';
		info  	+= '</tbody></table>';
		
		$('div.block').prepend(info);
		
		function liftOff() { 
			$('h2.trigger').empty();
			
			var over_info = '<div class="over">';
			over_info 	+= '<h3>Event Infos</h3>';
			over_info	+= '<table class="eventinfo"><tbody>';
			over_info  	+= '<tr><th>details:</th><td>'+details+'<td></tr>';
			over_info  	+= '<tr><th>mode:</th><td>'+mode+'<td></tr>';
			over_info  	+= '<tr><th>started:</th><td><div id="sinceEvent" class="countdown"></div><td></tr>';
			over_info  	+= '<tr><th>shoutcaster:</th><td>'+shoutcaster+'<td></tr>';
			over_info  	+= '<tr><th>cameraman:</th><td>'+cameraman+'<td></tr>';
			over_info  	+= '<tr><th class="preview">preview:</th><td> <img src="'+preview_url+'" width=60% height=60%><td></tr>';
			over_info  	+= '<br><tr><th colspan="2" class="watch_now"><b><a href="'+xfire_url+'>Join now! Click ME!</a></b></th></tr>';
			over_info  	+= '</tbody></table>';
			over_info  	+= '</div>';
			
			$('h2.trigger').append('<a class="screenshot" href="'+xfire_url+'" target="_blank" rel="'+preview_url+'">Join now! Watch livecast!</a>');
			$("div.block").after(over_info).remove();
			
			$('#sinceEvent').countdown({
				since: event,
				compact: false,
				layout: 'since <b>{hnn}</b> {hl} <b>{mnn}</b> {ml} <b>{snn}</b> {sl} {desc}',
			});
		}
		
		if((event.getTime() + 5 * 60 * 60 * 1000) < currentDate){
			$('h2.trigger').empty();
			$('div.block').remove();
			$('div.block_over').remove();
			$('div.over').remove();
			
			$('h2.trigger').append('No Event Found!');
		}
});