$(document).ready(function(){
    /*$("#destacado a").click(function () {
        var left = ($(window).width() - $("#reel").outerWidth())/2;
        var top = (($(window).height() - $("#reel").outerHeight())/2) - 79; //Medida de la pesta�a
        $("#mask").css({ "display" : "block", opacity : 0});
        $("#mask").fadeTo(500, 0.6);
        $("#reel").css({ "left" : left, "top" : top});
        $("#reel").fadeIn(10);
		mostrarFlash();
    })*/
    $("div#destacado").click(function () {
        var left = ($(window).width() - $("#reel").outerWidth())/2;
        var top = (($(window).height() - $("#reel").outerHeight())/2) - 79; //Medida de la pesta�a
        $("#mask").css({ "display" : "block", opacity : 0});
        $("#mask").fadeTo(500, 0.6);
        $("#reel").css({ "left" : left, "top" : top});
        $("#reel").fadeIn(10);
       
        muestraVideo();
        
        /*var agent=navigator.userAgent.toLowerCase();
       	if (agent.indexOf('iphone')!=(-1)) { mostrarVideoIphone(); }
        else{ mostrarFlash(); }*/
    
    	/*if (supports_video()){	old
    		mostrarVideoIphone();
    	} else {
    		mostrarFlash();
    	}*/
       
    });
	
	
	//if close button is clicked
	$('#reel .x-reel').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		$('#mask, #reel').hide();
		var agent=navigator.userAgent.toLowerCase();
		ocultaVideo();
		/*if (supports_video()) { ocultarVideoIphone(); }	old
		else{ ocultarFlash(); }*/
	});
	
    $("#mask").click(function () {
        $("#reel").fadeOut(0);
        $("#mask").fadeOut(500);
        var agent=navigator.userAgent.toLowerCase();
        ocultaVideo();
        /*if (supports_video()) { ocultarVideoIphone(); }	old
        else{ ocultarFlash(); }*/
    })	            
});

function muestraVideo() {
	var videoMp4='REEL_final.mp4';
	var videoOgg='REEL_final.ogg';
	var object = '<video id="iphoneVideo" autoplay="autoplay" width="710" height="400" controls>';
		object = object + '<source src="video/'+ videoMp4 +'" type="video/mp4"></source>'; /* Safari / iPhone video    */
		/*object = object + '<source src="video/'+ videoMp4 +'" type="video/mp4"></source>'; /* iPad (no est� probado)    */
		object = object + '<source src="video/'+ videoOgg +'" type="video/ogg"></source>'; /* Firefox native OGG video */
		object = object + '<object width="710" height="400" type="application/x-shockwave-flash"';
			object = object + 'data="swf/movie_reel.swf?image=img/x-reel.png&amp;file=video/'+ videoMp4 +'">';
			object = object + '<param name="movie" value="swf/movie_reel.swf?image=img/x-reel.png&amp;file=video/'+ videoMp4 +'" />';
			object = object + '<img src="img/x-reel.png" alt="reel"';
			     object = object + 'title="No es compatible" />';
		object = object + '</object>';
	object = object + '</video>';
	$("#video-reel").append(object);
}

function ocultaVideo(){
	$("#video-reel").empty();
}

function supports_video() {
	return !!document.createElement('video').canPlayType;
}

function mostrarVideoIphone(){
	var object="<video id='iphoneVideo' src='video/REEL_Evol_03_iphone - iPhone.m4v'" //REEL_Evol_03_iphone - iPhone.m4v'"
		//+"controls='controls'"
		//+"autoplay='autoplay'"
		//+"height=270 width=480>"
		+" controls autoplay>"
		+"</video>";
	$("#video-reel").append(object);
}

function ocultarVideoIphone(){
	//$("#video-reel").remove('#iphoneVideo');
	var capa = document.getElementById("video-reel");
	var vid = document.getElementById("iphoneVideo");
	capa.removeChild(vid);
	
}

function mostrarFlash(){
	var capa = document.getElementById("video-reel");
	
	var objetoFlash = document.createElement("object");
		objetoFlash.setAttribute("classid", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000");
		objetoFlash.setAttribute("codebase", "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0");
		objetoFlash.setAttribute("wmode", "transparent");
		objetoFlash.setAttribute("id", "video");
		
		par1 = document.createElement("param");
		par1.setAttribute("name", "allowScriptAccess");
		par1.setAttribute("value", "sameDomain");
		par1.setAttribute("name", "allowFullScreen");
		par1.setAttribute("value", "false");
		par1.setAttribute("name", "movie");
		par1.setAttribute("value", "swf/movie_reel.swf");
		par1.setAttribute("name", "quality");
		par1.setAttribute("value", "high");
		par1.setAttribute("name", "bgcolor");
		par1.setAttribute("value", "#000000");
		par1.setAttribute("name", "wmode");
		par1.setAttribute("value", "transparent");
		
		emb = document.createElement("embed");
		emb.setAttribute("src","swf/movie_reel.swf");
		emb.setAttribute("quality","high");
		emb.setAttribute("bgcolor","#000000");
		emb.setAttribute("width","360");
		emb.setAttribute("height","264");
		emb.setAttribute("name","Reel 2009");
		emb.setAttribute("align","middle");
		emb.setAttribute("wmode", "transparent");
		emb.setAttribute("allowScriptAccess","sameDomain");
		emb.setAttribute("allowFullScreen","false");
		emb.setAttribute("type","application/x-shockwave-flash");
		emb.setAttribute("pluginspage","http://www.adobe.com/go/getflashplayer_es");
	
	 if (document.all && !window.opera) {
		 	capa.appendChild(emb);    // Explorer
	 } else {
		 	objetoFlash.appendChild(emb);
		 	capa.appendChild(objetoFlash);    // otros navegadores
	 }
	
}
 

function ocultarFlash(){
	var capa = document.getElementById("video-reel");
	
	var objetoFlash = document.getElementById("video");
	
	 if (document.all && !window.opera) {
    capa.removeChild(emb);    // Explorer
	 } else {
    objetoFlash.removeChild(emb);
	capa.removeChild(objetoFlash);	   // otros navegadores
	 }
	
	
}