$(document).ready(function () {
	
	//key listener
	$(document).keyup(function(e)
	{
		switch(e.which)
		{
			// user presses the "esc"
			case 27:	
				hideLightBox();
				break;			    
		}
	});

	$(window).resize(function() {
		// recalculate lightbox screenlayer on browser resize
		$("#lightbox").css("height", $(document).height());
	    $("#lightbox").css("width", $(document).width());
	});
		
});


function playItem(itemID){
	
	
	sUrl = '/index.php?id=prjson';
	
    	$.getJSON(sUrl, { itemID: itemID },
    	    function(data){	 
    	        
    	    	//CHECK FOR OLD IMTEM
    	    	if(data.uid <= '1408' ){
    	    		
    	    		data.url = data.url+'.flv';
    	    		
    	    	}
    	    	
    	    	
    	    	ss_title = data.title.replace(/[^-a-zA-Z0-9]/g, '');
    	    	
    	    	//show lightbox
    	    	showLightBox(data.title,data.uid);
    	    	
    	    	//show player
    	    	makePlayer(data.thumbnail,data.url,data.timestart,data.timeend,ss_title,data.uid);
    	    	
    	    		
    		}
    	);
	
}


function makePlayer(thumb,url,timestart,timeend,ss_title,uid){
	
	
			var flashvars = {};
			flashvars .stretching = 'exactfit';
			var params = {};
			params.allowfullscreen = "true";
			params.allowscriptaccess = "always";
			params.flashvars = "file="+url+"&image="+thumb+"&streamer=lighttpd&height=280&width=490&start="+timestart+"&plugins=http://player.tros.nl/streamsense.swf&controlbar=over&streamsense.pageview=on&streamsense.logurl=http://nl.sitestat.com/klo/tros/s?trosradar.productradar.lightbox.item."+uid+"."+ss_title+"&category=radar&ns_webdir=radar&ns_channel=media&thema=consument&streamsense.programtitle=radar&streamsense.typestream=vod&streamsense.episodetitle="+ss_title;
			
			var attributes = {};
			attributes.id = "lightbox-video-container";
			attributes.name = "lightbox-video-container";
			swfobject.embedSWF("http://player.tros.nl/player.swf", "lightbox-video-container", "490", "280", "9.0.0", false, flashvars, params, attributes);
			
			
	
	
}


function showLightBox(title,uid) {
    hideLightBox();

    $("body").append("<div id='lightbox'></div>");

    $("#lightbox").css("height", $(document).height());
    $("#lightbox").css("width", $(document).width());

    $("body").append('<div id="lightbox-container"></div>');
    $("#lightbox-container").append('<div id="lightbox-close"><a name="lightbox-close"><img src="fileadmin/GFX/icons/close.png" alt="close lightbox" width="28" height="28"/></a></div>');
    $("#lightbox-container").append('<div id="lightbox-video-container"></div>');
    $("#lightbox-container").append('<div id="lightbox-title">'+title+'<br><a href="index.php?id=uitzending&no_cache=1&tx_broadcast[item_id]='+uid+'" target="_blank">Meer over dit item..</a></div>');

    
    /*    $("#lightbox-text-container").append('<div id="lightbox-text-title"></div>');
    $("#lightbox-text-container").append('<div id="lightbox-text-description"></div>');
    $("#lightbox-text-container").append('<div id="lightbox-text-info"></div>');
    $("#lightbox-text-container").append('<div id="lightbox-link"></div>');*/

    $("#lightbox").click(function() {
        hideLightBox();
    });
    $('#lightbox-close').click(function() {
        hideLightBox();
    });

    $("#lightbox").show();
    $("#lightbox-container").show();
} 

function hideLightBox() {
    $("#lightbox").remove();
    $("#lightbox-container").remove();    
}

function muteTracker(obj) { 
	alert('the new mute state is: '+obj.state); 
};