$(document).ready(function(){
	$('.dialog_link').click(function(){
		var videoId = $(this).attr('id');
		modal(videoId);
		$('#lightbox').toggleClass('displayLightBox');
		return false;
	});
	
	if($('#slider-code').length){
		$('#slider-code').tinycarousel({ pager: true, interval: true  });
	}
	
		

	
});

function initialize() {
	var latlng = new google.maps.LatLng(51.5152514, -0.1342531);
	var myOptions = {
	  zoom: 16,
	  center: latlng,
	  mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	var marker = new google.maps.Marker({
	      position: latlng, 
	      map: map, 
	      title:"Taylor Made Media"
	});  	
}

function videoHTML(mp4url, width, height, autoplay) {
	
	var swfurl = mp4url.replace('videos/', '');
	var oggurl = mp4url.replace('.mp4', '.ogg');
	var ie = navigator.userAgent.match('MSIE');
	var swfautoplay = autoplay ? 'on' : '' ;
	var html = '' ;
	
	if(!ie){
		html += ''
			+ '<video width="' + width + '" height="' + height + '" controls>'
			+ '<source src="' + mp4url + '" type="video/mp4" /><source src="' + oggurl + '" type="video/ogg" />'
			;
	}
		
	html += ''
		+ '<object width="' + width + '" height="' + height + '"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always">'
		+ '<param name="movie" value="videos/OSplayer.swf?movie=' + swfurl + '&btncolor=0x333333&accentcolor=0x31b8e9&txtcolor=0xdddddd&volume=30&autoload=on&autoplay=' + swfautoplay + '"><embed src="videos/OSplayer.swf?movie=' + swfurl + '&btncolor=0x333333&accentcolor=0x31b8e9&txtcolor=0xdddddd&volume=30&autoload=on&autoplay=' + swfautoplay + '" width="' + width + '" height="' + height + '" allowFullScreen="true" type="application/x-shockwave-flash" allowScriptAccess="always"></object>'
		;
	
	if(!ie){
		html += ''
			+ '</video>'
			;
	}
	
	return html ;
}

function modal(myVideo) {

	$myVideo = $('#'+myVideo);
	$myCaption = $('#'+myVideo+' img');
	
	var mp4url = $myVideo.attr('href');
	var caption= $myCaption.attr('alt');
	
	var videoContainer = ''
		+ '<div id="videoWrapper">'
		+ '<div id="videoWrapperClose"></div>'
		+ videoHTML(mp4url, 856, 480, true)
		+ '<p class="videoCaption">' + caption + '</p>'
		+ '</div>'
		;

		/*
		videoContainer = ''
			+ '<div id="videoWrapper">'
			+ '<div id="videoWrapperClose"></div>'
			+ '<object width="856" height="480"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always">'
			+ '<param name="movie" value="videos/OSplayer.swf?movie=' + swfurl + '&btncolor=0x333333&accentcolor=0x31b8e9&txtcolor=0xdddddd&volume=30&autoload=on&autoplay=on"><embed src="videos/OSplayer.swf?movie=' + swfurl + '&btncolor=0x333333&accentcolor=0x31b8e9&txtcolor=0xdddddd&volume=30&autoload=on&autoplay=on" width="856" height="480" allowFullScreen="true" type="application/x-shockwave-flash" allowScriptAccess="always"></object>'
			+ '<p class="videoCaption">' + caption + '</p>'
			+ '</div>'
			;
		*/
			
	$('#dialog').dialog({
		width: 890,
		height: 600,
		open: function(){
			$(this).children('#videoWrap').empty().html(videoContainer);
			$('#lightbox').toggleClass('displayLightbox');
		},
		close: function(){
			$('#lightbox').toggleClass('displayLightbox');
		}
		
		/*
		,
		buttons: { 
			"Cancel": function() { 
				var $this = $(this);
				$this.find('#videoWrap').empty(); 
				$this.dialog('close');
			} 
		}
		*/
	});
	
	$('#videoWrapperClose').click(function(){
		$('#videoWrap').empty(); 
		$('#dialog').dialog('close');
	})
	
}