function cargarPaginaConfigurarBlog(paginaMensaje,tabPresionado,paginaAjax){
url='/GENERAL/WEB/CONFIGURAR_BLOGS/'+paginaAjax;	
var i=0;
for(var i=1; i<=7; i++){
	 var tab = document.getElementById('configurar'+i);
	 tab.className = '';
 }
document.getElementById(tabPresionado).className="item_active";
setearAclaracion(paginaMensaje);
cargarPaginaDivAjax('cuerpoConfigurarAjax',url);
}

//es usado este metodo por el metodo de arriba
function cargarPaginaDivAjax(divReemplazar,pagina){
	var contenedor;
	contenedor = document.getElementById(divReemplazar);
	ajax=nuevoAjax();
	ajax.open("GET",pagina,true);
	ajax.onreadystatechange=function() {
		if (ajax.readyState==4) {
			limpiarContenidoDiv(divReemplazar);
			contenedor.innerHTML = ajax.responseText;
	 	}
	}
	ajax.send(null)
}

//me limpia el div dond ira el html que se eligio en el menu
function limpiarContenidoDiv(div) {
var d = document.getElementById(div);
while (d.hasChildNodes())
d.removeChild(d.firstChild);
}

//cargo el texto de la aclaracion segun la pagina que venga por parametro
function setearAclaracion(pagina){
	if (pagina=='cbDatosUsuarios'){
        var aclaracion=" <div class=\"tituloAclaracion\">MODIFICAR DATOS</div><br/>";
		var aclaracion=aclaracion+"Podes <strong>modificar</strong> tus <strong>datos personales</strong> como as&iacute; tambi&eacute;n <strong>tu foto</strong> personal.<br/> Una vez modificados los datos debes presionar el boton Grabar Datos.";
	}else if(pagina=='cbSubirFoto'){
        var aclaracion="<div class=\"tituloAclaracion\">SUBIR FOTO</div>";
		var aclaracion=aclaracion+"Podes <strong>subir una foto por d&iacute;a</strong> para mostrar en tu flog, y los demas hinchas puedan votarla y dejar comentarios, la misma deber&aacute; tener <strong>un t&iacute;tulo</strong>, una  <strong>descripci&oacute;n</strong>. <br/>La foto a cargar la debes tener en tu computadora, presionando el bot&oacute;n examinar la podr&aacute;s buscar y subir a tu Flog.<br/> Luego selecciona el tipo al que crees que corresponde tu foto. Una vez realizados estos pasos debes presionar el bot&oacute;n Grabar Datos <br/><br/>";
        var aclaracion=aclaracion+" <div class=\"tituloAclaracion\">ATENCI&Oacute;N</div><br/>";
        var aclaracion=aclaracion+"<span style=\"color:#CF333D\" > La foto que vas a subir debe <strong>pesar menos de 300kb</strong> <br/> Debe ser <strong>.jpg</strong> o <strong>.gif</strong> .</span>";
	}else if(pagina=='cbSubirVideo'){
        var aclaracion="<div class=\"tituloAclaracion\">SUBIR VIDEO</div>";
		var aclaracion=aclaracion+"Podr&aacute;s <strong>seleccionar un video en www.youtube.com</strong> y cargarlo en esta secci&oacute;n como te lo muestra la im&aacute;gen de ayuda, <strong>debes copiar la direcci&oacute;n</strong> tal cual te aparece el texto marcado en el grafico y <strong>pegarla en la caja de texto</strong>, o bien hacer un click sobre la im&aacute;gen del video de sugerencia, el mismo sera agregado a tu lista, luego de hecho uno u otro paso debes presionar el bot&oacute;n Grabar Datos, para que luego el video sea cargado y mostrado en tu Flog<br/><br/>";
        var aclaracion=aclaracion+" <div class=\"tituloAclaracion\">ATENCI&Oacute;N</div><br/>";
        var aclaracion=aclaracion+"<span style=\"color:#CF333D\" > Podes cargar la cantidad de videos que desees para mostrar en tu flog.</span>";
	}else if(pagina=='cbConfigurarFlog'){
        var aclaracion="<div class=\"tituloAclaracion\">CONFIGURAR DISE&Ntilde;O</div>";
		var aclaracion=aclaracion+"Ac&aacute; podes <strong>cambiar el dise&ntilde;o de tu Flog</strong>. <br/>Podes elegir la <strong>im&aacute;gen que aparezca en la parte superior de tu Flog</strong> y el <strong>estilo general de tu Flog</strong>. <br/>Una vez configurado presiona el bot&oacute;n Grabar Datos, y tu Flog habr&aacute; cambiado la apariencia. ";
	}else if(pagina=='cbActualidad'){
        var aclaracion="<div class=\"tituloAclaracion\">CARGAR ACTUALIDAD</div>";
		var aclaracion=aclaracion+"En tu flog podr&aacute;s cargar una <strong>actualidad por d&iacute;a de tu cl&uacute;b</strong>, donde tus visitantes podr&aacute;n enterarse mediante tu flog lo que esta aconteciendo en tu cl&uacute;b.<br/> Debes <strong>ingresar el t&iacute;tulo</strong> de la actualidad,  <strong>la descripci&oacute;n</strong> de la misma. <br/>Te brindamos la posibilidad de <strong>cargar una im&aacute;gen asociada</strong> a la noticia.<br/> Para que se vea una im&aacute;gen solo debes poner la direcci&oacute;n de la misma, por ejemplo: <strong>http://www.web.com/foto.jpg </strong> <br/> Una vez realizado esto debes presionar el bot&oacute;n Grabar Datos.";
	}else if(pagina=='cbEncuesta'){
        var aclaracion="<div class=\"tituloAclaracion\">CREAR ENCUESTA</div>";
		var aclaracion=aclaracion+"En tu flog podes tener una &uacute;nica encuesta en la que los hinchas que visiten tu flog podr&aacute;n realizar votaciones. <br/> Debes <strong>introducir el t&iacute;tulo de la encuesta</strong>, y <strong>las opciones que tendr&aacute; la misma</strong>, podr&aacute;s tener dos opciones como m&iacute;nimo y tres como m&aacute;ximo. Una vez realizado presionar el bot&oacute;n Grabar datos.<br/><br/>";
        var aclaracion=aclaracion+" <div class=\"tituloAclaracion\">ATENCI&Oacute;N</div><br/>";
        var aclaracion=aclaracion+"<span style=\"color:#CF333D\" > Si tenes una encuesta cargada en tu Flog y registras una nueva, la nueva encuesta reemplazar&aacute; la actual. Y perder&aacute;s todas las votaciones correspondientes a la encuesta actual.</span>";
	}else if(pagina=='cbContactos'){
		//var aclaracion="Ac&aacute; debes especificar a los amigos que te gustar&iacute;a que se les envi&iacute;e un e-mail automaticamente avisandol&eacute; que realizaste una modificaci&oacute;n en tu flog, los e-mails deben estar seguidos por un ;(punto y coma) uno de otro ejemplo (1@hotmail.com;2@hotmail.com). Una vez que especificaste la lista de e-mails presiona el bot&oacute;n Grabar Datos ";
        var aclaracion="<div class=\"tituloAclaracion\">FAVORITOS-ODIADOS</div>";
        var aclaracion=aclaracion+"En esta pantalla podes <strong>eliminar</strong> tanto los <strong>Blogs</strong> como las <strong>fotos</strong> que hayas seleccionado como <strong>favoritas</strong> o como <strong>amargas</strong> para que no aparezcan mas en tu flog.<br/><br/>";
        var aclaracion=aclaracion+" <div class=\"tituloAclaracion\">ATENCI&Oacute;N</div><br/>";
        var aclaracion=aclaracion+"<span style=\"color:#CF333D\" > En tu flog solo se muestran los tres primeros de cada lista.</span>";
	}else{
		var aclaracion="vacio debo setear en javascript el texto que quiero que aarezca aca";	
	}
cargarAclaracion(aclaracion);
}

//introduzco en el div correspondiente el texto de la aclaracion
function cargarAclaracion(aclaracion){
	limpiarContenidoDiv('divAclaracion');
	document.getElementById("divAclaracion").innerHTML=aclaracion;
}

function cambiarIconos(club){
	var contenedor1=document.getElementById('iconos1');
	var contenedor2=document.getElementById('iconos2');
	if(club=='1'){
		contenedor2.style.display="block";
		contenedor1.style.display="none";
        var optFotos=document.getElementById('primerOptionAT');
        optFotos.checked=true;
	}else if(club=='2'){
		contenedor1.style.display="block";
		contenedor2.style.display="none";
        var optFotos=document.getElementById('primerOptionSM');
        optFotos.checked=true;
	}
}
function focusInput(id){
	var inp=document.getElementById(id);
	inp.className="inputTextFOCUSDU";
}
function lostFocusInput(estilo,id){
	var inp=document.getElementById(id);
	if(inp.value==""){
		inp.className=estilo;
	}
}
function lostFocusInputUsuario(estilo,id,clasico){
	var inp=document.getElementById(id);
	if(inp.value==""){
		inp.className=estilo;
	}
	var usuNombre=document.getElementById(id);
	var usuNombreBack=document.getElementById(id).value;
	if(usuNombre.value!='' && validarCantidadCaracteres(usuNombre,'25')==true){
		abrirPaginaAjax('disponible','/GENERAL/WEB/CONFIGURAR_BLOGS/divUsuarioDisponible.php?usuNombre='+usuNombreBack);	
		document.getElementById(id).value=usuNombreBack
	}
}

function validarDatosSubirFoto(){
	var textNombreFoto=document.getElementById('tituloFoto');
	var textAreaDescripcion=document.getElementById('textAreaDescripcion');
	if(document.frmGrabarFoto.fileFotoUsuario.value==''){
		jQuery.facebox('Debe seleccionar la foto que desea subir');
        return;
	}
	if(validarCantidadCaracteres(textNombreFoto,'50')==false){
		jQuery.facebox('La cantidad de caracteres del nombre de la foto no debe superar los 50 caracteres.');
		return;
	}else if(textNombreFoto==''){
		jQuery.facebox('El nombre de la foto no puede ser vacio.');
		return;
	}
	if(validarCantidadCaracteres(textAreaDescripcion,'1000')==false){
		jQuery.facebox('la cantidad de caracteres de la descripcion de la foto no debe superar los 1000 caracteres');
		return;
	}else if(validarCantidadCaracteres(textAreaDescripcion,'0')==true){
		jQuery.facebox('Debe ingresar una descripci�n asociada a la foto que desea subir');
		return;
	}
	var load=document.getElementById('load');
	load.style.display='block';
	document.frmGrabarFoto.submit();
}
function validarDatosVideo(){
	var rutaVideo=document.getElementById('urlVideo').value;
	if(rutaVideo==''){
		jQuery.facebox('Debe Ingresar la ruta del video');
		return;
	}
	document.frmVideo.submit();
	
}
/*
*agrega en el input de la url la direccion del video clickeado
*/
function videoSugerencia(video){
	var inputUrl=document.getElementById('urlVideo');	
	var url='';
	if(video=='1'){
		url='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/S-zet_d_Jvk&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/S-zet_d_Jvk&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object>';
	}else if(video=='2'){
		url='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/BiCSxBI4I6s&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/BiCSxBI4I6s&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object>';
	}else if(video=='3'){		
		url='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gpcITcMpZzg&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/gpcITcMpZzg&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object>';
	}else if(video=='4'){			
		url='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/1SiExbNzl3Q&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/1SiExbNzl3Q&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object>';
	}else if(video=='5'){		
		url='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/BKQDRrIA_ZI&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/BKQDRrIA_ZI&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object>';	
	}else if(video=='6'){		
		url='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/l_QBY-GqP-E&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/l_QBY-GqP-E&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object>';		
	}else if(video=='7'){			
		url='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/HouEVJ1HzkA&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/HouEVJ1HzkA&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object>';		
	}else if(video=='8'){			
		url='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/bEW8woYQEmI&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/bEW8woYQEmI&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object>';		
	}else if(video=='9'){			
		url='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/D3LhEEvwbHg&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/D3LhEEvwbHg&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object>';		
	}else if(video=='10'){			
		url='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/fThJCVY8Zio&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/fThJCVY8Zio&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object>';		
	}
	inputUrl.value=url;
}
function validarDatosActualidad(){
	var titulo=document.getElementById('tituloActualidad');
	var descripcion=document.getElementById('descripcionActualidad');
	var urlFoto=document.getElementById('fotoActualidad');
    if(titulo.value==''){
        jQuery.facebox('Ingresa el titulo de la actualidad');
        return;
    }
    if(descripcion.value==''){
        jQuery.facebox('Ingresa la descripcion de la actualidad.');
        return;
    }
	if(validarCantidadCaracteres(titulo,'131')==false){
		jQuery.facebox('El titulo de la actualidad debe ser menor a 130 caracteres');
		return;
	}else if(validarCantidadCaracteres(descripcion,'3500')==false){
		jQuery.facebox('La descripcion de la actualidad no debe superar los 3500 caracteres');
		return;
	}else if(validarCantidadCaracteres(urlFoto,'150')==false){
		jQuery.facebox('La direccion de la foto no debe contener mas de 150 caracteres');
        return;
	}
	document.frmActualidad.submit();
}
//valido que no esten vacios y que no superen cantidad de caracteres
function validarDatosEncuesta(){
	var titulo=document.getElementById('tituloEncuesta');
	var opcion1=document.getElementById('opcion1');
	var opcion2=document.getElementById('opcion2');
	var opcion3=document.getElementById('opcion3');
    if(titulo.value==''){
        jQuery.facebox('Debes ingresar el titulo de la Encuesta.');
        return;
    }
	if(opcion1.value=='' || opcion2.value=='' ){
		jQuery.facebox('Debes ingresar al menos 2 opciones en la encuesta.');
		return;	
	}
	if(validarCantidadCaracteres(titulo,'35')==false){
		jQuery.facebox('El titulo de la encuesta no debe contener mas de 35 caracteres');
		return;	
	}else if(validarCantidadCaracteres(opcion1,'20')==false || validarCantidadCaracteres(opcion2,'20')==false || validarCantidadCaracteres(opcion3,'20')==false ){
		jQuery.facebox('Las opciones no pueden contener mas de 20 caracteres.');
		return;	
	}
	document.frmEncuesta.submit();
}
function cambiarEncabezado(club,clasico){
	var valorSelect='';
	if(club=='sm'){
		valorSelect=document.getElementById('selectSmHeader').value;
	}else if(club=='at'){
		valorSelect=document.getElementById('selectAtHeader').value;
	}
	if(valorSelect!=''){
		var urlImagen='/'+clasico+'/blog/headers/headers/enc_' + club + valorSelect +'.jpg';
		var img= document.createElement("IMG");
		img.setAttribute("src", urlImagen);
		img.setAttribute("border", "0");
		img.setAttribute("width", "356");
		img.setAttribute("height", "93");
		img.setAttribute("title", "Encabezado seleccionado");
		var enc=document.getElementById('contieneHeader');
		enc.innerHTML="";
		enc.appendChild(img);
		//document.getElementById('selectAtHeader').selectedIndex=valorSelect;
	}
}
function cambiarCss(club){
	var valorSelect='';
	if(club=='sm'){
		valorSelect=document.getElementById('selectSmCss').value;
	}else if(club=='at'){
		valorSelect=document.getElementById('selectAtCss').value;
	}
	if(valorSelect!=''){
		var urlImagen='/mando/blog/imgCss/estilo' + club + valorSelect +'.jpg';
		var img= document.createElement("IMG");
		img.setAttribute("src", urlImagen);
		img.setAttribute("border", "0");
		img.setAttribute("width", "356");
		img.setAttribute("height", "376");
		img.setAttribute("title", "Estilo seleccionado");
		var enc=document.getElementById('contieneCss');
		enc.innerHTML="";
		enc.appendChild(img);
		//document.getElementById('selectAtHeader').selectedIndex=valorSelect;
	}
}