var _imgHost = "/img/";
var _user = null;
var _id_it = null;
var _id_pl = null;


var _swfName = "frontend.swf"
function initPlaylist(u,id_pl,id_it) {
	
	_user = u;
	_id_pl = id_pl;

	//NOTA: Hay un bug  del player cuando se utiliza wmode. Si tienes wmode y un teclado no inglés, habrá problemas al intentar escribir ciertos caractéres raros en in 			      textfield. 
	var so = new SWFObject(_imgHost+_swfName+"?r="+Math.floor(Math.random() * 9999),"SWFPlaylist","340","395","8","#FFFFFF");
	so.addParam("wmode", "transparent");
	so.addParam("flashvars", "&myUSER="+ _user + "&id_pl="+id_pl+"&id_it="+id_it+"&bgColor="+bgColor+"&textColor="+textColor+"&linkColor="+linkColor);
	so.write("Mright"); 
	
	var so = new SWFObject(_imgHost+"playerFrontEnd.swf?r="+Math.floor(Math.random() * 9999),"SWFPlayer","478","395","8","#FFFFFF");
	so.addParam("wmode", "transparent");
	so.addParam("allowScriptAccess", "always");
 	so.addParam("allowfullscreen", "true");
	so.write("ytapiplayer"); 
	getEl("MEstasViendo").innerHTML = "<b>ESTAS VIENDO:</b>";
	homeGeo()	
	premalink();
	embed();
	//edit()
	
}
   
function SWFonClickVideo(item) {
	
	var ev = getEl("MEstasViendo");
	ev.innerHTML = "<div id='evTitle'>ESTAS VIENDO:</div><div id='evTitleText'> " + textEllipsis(item.Title, 45) + "</div><div id='evDescText'>"+textEllipsis(item.Description, 75)+"<div>";
	_id_it = item.id_it;
	document.getElementById("SWFPlayer").playVideo(item.id_yt);
	if($("#MPermalinkInput").css("display") == "block") getPermalink("vperm");
}



//MOSTRAR TITULO DE PLAYLIST:
function SWFonTitleDone(t,desc) {
	var title_pl = getEl("MTituloPlaylist");
	var desc_pl = getEl("PlaylistDescHolder");
	
	title_pl.innerHTML=textEllipsis(t, 28);
	desc_pl.innerHTML="<div id='PlaylistTitle'>"+textEllipsis(t, 70)+"</div><pre id='PlaylistDesc'>"+desc+"</pre>";
	
}

function premalink() {
	
	$("#MPermalink").html("<b>Enviar a un amigo:</b> &nbsp;&nbsp;<a href=\"javascript:getPermalink('vperm');\" id='vperm'><b>&lt;Este V&iacute;deo&gt;</b></a>&nbsp;&nbsp;<a href=\"javascript:getPermalink('pperm');\" id='pperm'><b>&lt;Esta Playlist&gt;</b></a> <span id='closePerma'><a href=\"javascript:getPermalink('vperm',true);\" id='closeperm'>Cerrar</a></span>");
	$("#MPermalinkInput").hide();
	$("#closeperm").hide();
}


function embed() {
	
	$("#MCodeEdit").html("<table ><tr><td><a href=\"javascript:generateCode(false);\" ><b>&lt;Obtener Codigo&gt;</b></a></td><td><a href='http://apps.facebook.com/youvlog/index.php?ip="+lastPl+"&ui="+user+"&bc="+bgColor+"&lc="+linkColor+"' target='_bank' ><span id='tObtenerCodigo'><img src='/img/fb.gif' border='0' alt='Comparte esta playlist en Facebook'/></span></a></td><td><span id='closecode'><a href=\"javascript:generateCode(true);\" >Cerrar</a></span></td></tr></table>");
	
	$("#MCodeEditInput").hide();
	$("#closecode").hide();
	$("#MCodeEditInput").html("<input type='text' id='inputCode' value='"+tk(user,lastPl,bgColor,textColor,linkColor)+"'>");	
}

function edit() {
	
	$("#MCodeEdit").html("<table ><tr><td><a href=\"javascript:generateCode(false);\" ><b>&lt;Obtener Codigo&gt;</b></a></td><td><a href='http://apps.facebook.com/youvlog/index.php?ip="+lastPl+"&ui="+user+"&bc="+bgColor+"&lc="+linkColor+"' target='_bank' ><span id='tObtenerCodigo'><img src='/img/fb.gif' border='0' alt='Comparte esta playlist en Facebook'/></span></a></td><td><span id='closecode'><a href=\"javascript:generateCode(true);\" >Cerrar</a></span><a href='/backend.php?username="+user+"&id_pl="+lastPl+"'  id='edit'><b>&lt;Editar Playlist&gt;</b></a></td></tr></table>");
	
	$("#MCodeEditInput").hide();
	$("#closecode").hide();
	$("#MCodeEditInput").html("<input type='text' id='inputCode' value='"+tk(user,lastPl,bgColor,textColor,linkColor)+"'>");	
}
function generateCode(close) {
	if(close) {
		$("#MCodeEditInput").hide("fast");
		getEl("closecode").style.display = "none";
		try{getEl("edit").style.display = "";}catch(e){}
	}else{
		
		if(typeof(getEl("inputCode").value) == 'undefined' || getEl("inputCode").value =="") getEl("inputCode").value  =tk(user,lastPl,bgColor,textColor,linkColor);
		$("#MCodeEditInput").show("fast");
		getEl("closecode").style.display = "";
		try{getEl("edit").style.display = "none";}catch(e){}
	}
	
}
function getPermalink(oAID,close) {
	
	//var qTo = new queryToObj(location.search.substring(1));
	//var id_pl = (typeof(qTo.id_pl) != "undefined")? qTo.id_pl : null;
	if(oAID == "pperm" && !close) {
		$("#MPermalinkInput").show("fast");
		
		$.post("/getPermalink.php" , {user:_user,id_pl:_id_pl,id_it:"null"},
			   function(data) {
			   		$("#MPermalinkInput").html("<input type='text' id='inputPerm' value='"+data+"'>");
			   }
		);
	}else if(oAID == "vperm" && !close) {
		
		if(_id_it != null) {
			$.post("/getPermalink.php" , {user:_user,id_pl:_id_pl,id_it:_id_it},
					function(data){
						$("#MPermalinkInput").html("<input type='text' id='inputPerm' value='"+data+"'>");
					}
			);
			}else $("#MPermalinkInput").html("<input type='text' id='inputPerm' value='"+"Debes seleccionar un video de la playlist..."+"'>");
			$("#MPermalinkInput").show("fast");
		}
		if(close) {
			$("#MPermalinkInput").hide("fast");
			getEl("closeperm").style.display = "none";
		}else getEl("closeperm").style.display = "";
	
}



function homeGeo() {
	$.post("/getGeo.php" , {_username:_user,id_pl:null,id_it:"null"},function(data){$("#MGeo").html(data)});
}


//EXTRA FUNCTIONS:

function textEllipsis(t, l) {
	 var u = t.substr(0, l);
	 if (u != t) u+="...";
	 return u;
}

function queryToObj (query) {
	var args=new Object(), pairs=query.split("&");
	var i = pairs.length;
	while (i--) {
		var pos=pairs[i].indexOf("=");
		if (pos==-1) continue;
		var argname=pairs[i].substring(0,pos), value=pairs[i].substring(pos+1);
		args[argname]=unescape(value);
	}
	return args;
}

function getEl(x) {return getEl(x);}

function tk(u,id_pl,bgcolor,textcolor,linkcolor) {


	var code = '';
	code += '<div style="width:450px;height:440px;">';
	code += '<object width="450" height="410">';
	code += '<param name="movie" value="http:\/\/www.youvlog.tv'+_imgHost+'takeout.swf" \/>';
	code += '<param name="allowScriptAccess" value="never" \/>';
	code += '<param name="allowNetworking" value="internal" \/>';
	code += '<param name="wmode" value="transparent" \/>';
	code += '<param name="FlashVars" value="myUSER='+u+'&id_pl='+id_pl+'&bgColor='+bgcolor+'&linkColor='+linkcolor+'&textColor='+textcolor+'" \/>';
	code += '<embed src="http:\/\/www.youvlog.tv'+_imgHost+'takeout.swf" type="application/x-shockwave-flash" width="450" height="410" wmode="transparent" FlashVars="myUSER='+u+'&id_pl='+id_pl+'&bgColor='+bgcolor+'&linkColor='+linkcolor+'&textColor='+textcolor+'" ><\/embed><\/object>';
	code += '<div style="float:left;padding-left:12px;width:150px;"><a href="http:\/\/www.youvlog.tv\/'+u+'\/'+id_pl+'" target="_blank" style="color:'+parseColor(linkcolor)+';text-decoration:none;font-weight:bold;font-family:sans-serif;font-size:12px;">Ver m&aacute;s v&iacute;deos<\/a><\/div>';
	code += '<div style="float:right;padding-right:13px;"><a href="http:\/\/www.youvlog.tv\/signup.php" target="_blank" style="color:'+parseColor(linkcolor)+';text-decoration:none;font-weight:bold;font-family:sans-serif;font-size:12px;">Crea tu playlist en youvlog.tv<\/a><\/div>';
	code += '<\/div>';

	return code;
}
function tkFacebook(u,id_pl,bgcolor,textcolor,linkcolor) {

	var tkf = "http://apps.facebook.com/youvlog/index.php?ip="+id_pl+"&ui="+u+"&bc="+bgcolor+"&lc="+linkcolor;
	window.location.href =tkf;
}

function parseColor(col){return "#"+col.substr(2, col.length);}