var videos = new Array();
var videosMap = new Object();
var videosNum = 0;
var playerOpen = false;
var videosXML;

function loadVideosXML(){
	
	$.ajax(
	{
		type: "GET",
		url: "/consumerfiles/pageitems/master/categorypages/landlinephones/assets_uk/xml/videos.xml",
		dataType: "xml",
		success: function(xml) {
			
			videosXML = xml;
			
			$(xml).find('video').each(function()
			{
				var id = $(this).attr("id");
				videosMap[id] = $(this);
				videos.push(id);
				videosNum++;
			});
			
			
					
		}
	});
};

function multiplayer(){
			
	openPopup();
	
	$("#multiplayerclose").html($(videosXML).find('option[id="closeText"]').text());
	
	if(videosNum==1){
		
		var playerId = videos[0];
		var video = videosMap[playerId];
		
		var videoId = video.attr("videoplayer");
		
		showVideo(playerId,videoId);
	}else{
		createThumbs();
	}
	
}

function createThumbs(){
	var output = "<br/><br/><table id='videoThumbs' class='videoThumbs' cellpadding='0' cellspacing='0'><tr>";
	for(var i =0;i < videos.length;i++){
		
		var playerId = videos[i];
		var video = videosMap[playerId];
		
		var videoId = video.attr("videoplayer");
		
		var path = $(videosXML).find('option[id="path"]').text();
		var twidth = $(videosXML).find('option[id="thumbwidth"]').text();
		var theight = $(videosXML).find('option[id="thumbheight"]').text();
		
		if(!path) path = "lib/images/videoThumbs/";
		if(!twidth) twidth = "200";
		if(!theight) theight = "200";
		
		if(video){
			output += "<td class='videoThumb'><a onclick='showVideo(\""+playerId+"\",\""+videoId+"\")'><div class='thumb'><img src='"+path+ video.attr("thumb") + "' width='"+ twidth + "' height='"+ theight + "'/></div><div class='content'>"+ video.text() +"</div></a></td>";
		}
	}
	output += "</tr></table>";
	$("#overlayDiv .content").html(output);
}

function showVideo(playerId,videoPlayer){
	
	
	$("#overlayDiv .content").html("<br/><div class=''><a onclick='createThumbs()'>"+$(videosXML).find('option[id="backText"]').text()+"</a></div><div id='videocontent'></div>");
	//dynamicly create a brightcove player
	createBrightcovePlayer({id:"myExperience",
						   containerId:"videocontent",
						   playerId:playerId,
						   publisherID:1875254528,
						   width:Number($(videosXML).find('option[id="videowidth"]').text()),
						   height:Number($(videosXML).find('option[id="videoheight"]').text()),
						   videoPlayer:videoPlayer,
						   autoStart:"false"
						   });
}