//VIMEO video player

//ADD the 4 image id's & titles
var arrImgID = new Array (24929170, 13191192, 13403501, 13609942);
var arrTitle = new Array ("Everything on the Table", "on Inspiration", "on Impact", "on Accountability");


//LOAD the first video and set the outline
$(document).ready(function(){
  playVid(arrImgID[0]);
  $(".tdVideoTh td.tdVideoFirst a").addClass("vidOn");
});

//PLAY video
function playVid(imgId) {
	if (!imgId) {
		$("#dvPlayer").html (" ");
		$("#dvTitle").html (" ");
		return;
	}
	
	var idx = 0;
	switch(imgId) {
		case "1": idx = 0; break;
		case "2": idx = 1; break;
		case "3": idx = 2; break;
		case "4": idx = 3; break;
	}
	
	$(".tdVideoTh td a").click(function(){
		$(".tdVideoTh td a").removeClass("vidOn");
		$(this).addClass("vidOn");
	});
	
	$('#dvPlayer').hide();$('#dvTitle').hide();
	$('#dvPlayer').fadeIn();$('#dvTitle').show();
	
	//$("#dvPlayer").html('<img src="Images/ajax-loader.gif" />');
	
	var isiPad = navigator.userAgent.match(/iPad/i) != null;
	var isiPhone = navigator.userAgent.match(/iPhone/i) != null;
	
	if(isiPad || isiPhone) {
		
		var sHTML =
			'<iframe src="http://player.vimeo.com/video/' + arrImgID[idx] + '?title=0&amp;byline=0&amp;portrait=0&amp;color=dd6533&amp;autoplay=0" width="281" height="158" frameborder="0"></iframe>';
		
		var oldHTML =
			'<a href="http://www.vimeo.com/' + arrImgID[idx] + '" target="_blank">' +
				'<img src="images/pic_video_' + arrImgID[idx] + '.jpg" width="281" height="158">' +
			'</a>';

	} else {
	
		var sHTML = 
			'<iframe src="http://player.vimeo.com/video/' + arrImgID[idx] + '?title=0&amp;byline=0&amp;portrait=0&amp;color=dd6533&amp;autoplay=0" width="281" height="158" frameborder="0"></iframe>';
			
		var oldHTML =
			'<object id ="x" width="281" height="158">' +
				'<param name="allowfullscreen" value="false" />' +
				'<param name="allowscriptaccess" value="always" />' +
				'<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=' + arrImgID[idx] + '&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=dd6533&amp;fullscreen=0&amp;autoplay=0" />' +
				'<embed src="http://vimeo.com/moogaloop.swf?clip_id=' + arrImgID[idx] + '&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=dd6533&amp;fullscreen=0&amp;autoplay=0"' + 
				' type="application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" width="281" height="158">' +
				'</embed>' +
			'</object>';
	}
	$("#dvPlayer").html (sHTML);
	$("#dvTitle").html (arrTitle[idx]);
}