$(document).ready(function() {
	
	$("#send_friend").click(function(){
		$("body").append('<div id="overlay"></div>');
		$("#overlay").height($(document).height());
		$modal = '<div id="modal" class="share"><img src="common/images/closebox.png" width="30" height="30" alt="close" class="close" /><form id="send_email" method="post" action="/envia_a_un_amigo"><fieldset>';
		$modal = $modal + '<input type="hidden" name="id_video" value="'+$("#video").attr("class")+'" />';
		$modal = $modal + '<input type="hidden" name="title_video" value="'+$("#video").attr("title")+'" />';
		$modal = $modal + '<label>Tu nombre</label><input type="text" name="nombre" value="" class="required" title="Escribe tu nombre" /><br />';
		$modal = $modal + '<label>El nombre de tu amig@</label><input type="text" name="nombre_amigo" value="" class="required" title="Escribe el nombre de tu amig@" /><br />';
		$modal = $modal + '<label>El correo de tu amig@</label><input type="text" name="correo_amigo" value="" class="required" title="Escribe el correo de tu amig@" />';
		$modal = $modal + '<input type="image" src="common/images/bt_enviar.jpg" class="submit" />';
		$modal = $modal + '</fieldset></form></div>';
		$("body").append($modal);
		$("#modal img.close").click(function(){
			$("#overlay, #modal").remove();
			$("#video").css("visibility", "visible");
		});
		
		$("#send_email").submit(function(){
			$send = true;
			// validate
			$("input.required").each(function(i){
				if($(this).val()=="") {
					alert($(this).attr("title"));
					$(this).focus();
					$send = false;
					return false;
				}
			});
			// ajax post
			if($send==true) {
				$.post($("#send_email").attr("action"), $("#send_email").serialize(),
					function(data){
						$("#send_email").html('<br /><br /><br /><h2 style="text-align:center;color:#fff;font-size:24px;font-weight:bold;">Tu mensaje ha sido enviado</h2><br /><br /><br />');
				}, "json");
				$margin = "margin-top:" + parseInt($("#modal").height()/2)*-1 + "px";
				$("#modal").attr("style", $margin);
			}
			return false;
		});
		
		return false;
	});
	
	if($("#autoplay").length) {
		$("body").append('<div id="overlay"></div>');
		$("#overlay").height($(document).height());
		$modal = '<div id="modal"><div class="white"><div class="tr"><div class="br"><div class="bl"><img src="common/images/closebox.png" width="30" height="30" alt="close" class="close" />';
		$modal = $modal + '<div id="watch"></div>';
		$modal = $modal + '</div></div></div></div></div>';
		$("body").append($modal);
		$("#modal img.close").click(function(){
			$("#overlay, #modal").remove();
			$("#video").css("visibility", "visible");
		});
		var s1  = new SWFObject("common/media/player.swf", "videoObj", "429", "326", "9", "#ffffff");
		s1.addParam("allowfullscreen", "true");
		s1.addParam("allowscriptaccess", "always");
		s1.addParam("wmode", "transparent");
		s1.addParam("flashvars", $("#autoplay").attr("href"));
		s1.write("watch");
	}
	
	if($("#video").length) {
		var s1  = new SWFObject("common/media/player.swf", "videoObj", "429", "326", "9", "#ffffff");
		s1.addParam("allowfullscreen", "true");
		s1.addParam("allowscriptaccess", "always");
		s1.addParam("wmode", "transparent");
		s1.addParam("flashvars", $("#video").attr("src"));
		s1.write("video");
	}
	
	if($("#card").length) {
		var s1  = new SWFObject($("#card").attr("src"), "cardObj", "625", "575", "9", "#ffffff");
		s1.addParam("allowscriptaccess", "always");
		s1.addParam("wmode", "transparent");
		s1.write("card");
	}
	
	if($("#avatar").length) {
		setTimeout('showAvatar()', 500);
	}
	
	$("ul.videos li a").click(function(){
		$("body").append('<div id="overlay"></div>');
		$("#overlay").height($(document).height());
		$modal = '<div id="modal"><div class="white"><div class="tr"><div class="br"><div class="bl"><img src="common/images/closebox.png" width="30" height="30" alt="close" class="close" />';
		$modal = $modal + '<div id="watch"></div>';
		$modal = $modal + '</div></div></div></div></div>';
		$("body").append($modal);
		$("#modal img.close").click(function(){
			$("#overlay, #modal").remove();
			$("#video").css("visibility", "visible");
		});
		var s1  = new SWFObject("common/media/player.swf", "videoObj", "429", "326", "9", "#ffffff");
		s1.addParam("allowfullscreen", "true");
		s1.addParam("allowscriptaccess", "always");
		s1.addParam("wmode", "transparent");
		s1.addParam("flashvars", $(this).attr("href"));
		s1.write("watch");
		return false;
	});
	
	$("ul.play li a").click(function(){
		var s1  = new SWFObject("common/media/player.swf", "videoObj", "429", "326", "9", "#ffffff");
		s1.addParam("allowfullscreen", "true");
		s1.addParam("allowscriptaccess", "always");
		s1.addParam("wmode", "transparent");
		s1.addParam("flashvars", $(this).attr("href"));
		s1.write("video");
		return false;
	});
	
});

function showAvatar(avatar) {
	var $swf = new SWFObject($("#avatar").attr("src"), "avatarObj", "264", "470", "9", "#fff");
	$swf.addParam("wmode", "transparent");
	$swf.write("avatar");
}