/**
 * @author farez
 */
function cambiarVideo(direccion,page)
{
	//creo una variable para poder realizar el movimiento automatico y le asigno el valor del contador inicial
	//valor = document.getElementById("inicial_video").value;
	//incremento la variable
	//valor++;
	//asigno el nuevo valor al contador
	//document.getElementById("inicial_video").value = valor;

	//creo una variable para poder realizar el movimiento automatico y le asigno el valor del contador inicial
	if(document.getElementById("video_inicial"))
	{
	valor = document.getElementById("video_inicial").value;
	//si la direccion es hacia adelante
	if(direccion == 'sig')
	{
		//incremento la variable
		valor++;
	}
	//pero si la direccion es hacia atras
	else if(direccion =='ant')
	{
		//decremento la variable
		valor--;
		//variable decremento
		dec	=	valor+1;
		//y pinto en color blanco el numerito anterior
		document.getElementById('video.'+dec).style.color='#000';
		document.getElementById('video.'+dec).style.border='none';
		document.getElementById('video.'+dec).style.padding='0 2px 0 2px';
	}
	//pero si la direccion no esta definida
	else if(direccion =='undefined')
	{
		//incremento la variable
		valor++;
	}
	//asigno el nuevo valor al contador
	document.getElementById("video_inicial").value = valor;


	//Capturamos los divs
	var divFoto = document.getElementById("imagen_video");
	var divTitular = document.getElementById("titulo_video");
	var divResumen = document.getElementById("resumen_video");
	var divCategoriaActual = document.getElementById("categoria_video_actual");
	var url = document.getElementById("url").value;
	var Categorias_video = document.getElementById("categorias_videos").value;
	var CategoriaActual = divCategoriaActual.value;
	var url_sitio = url;


	ajax1=nuevoAjax();
	ajax1.open("GET", "tools/videos.php?direccion="+direccion+"&actual="+CategoriaActual+"&categorias_video="+Categorias_video+"&contador="+page);
	ajax1.onreadystatechange=function() {
		if (ajax1.readyState==4) {

			//Aceptamos la respuesta del php
			var resultado = ajax1.responseText;

			//Hacemos un explode a lo que viene para capturar titulo, imagen y resumen
			//El separador es |
			var datos = new Array();
			datos = resultado.split('|');

			//Pintamos los datos
			divTitular.innerHTML = datos[0];
			//divFoto.innerHTML = datos[1];
			divResumen.innerHTML = datos[2];
			divCategoriaActual.value = datos[3];
			var imagen=datos[5];
			var video = setVariable(url_sitio,datos[1],imagen);
			divFoto.innerHTML = video;

			//ojo codigo fprieto
			if(datos[4] == valor)
			{
				//alert(valor);
				//si es asi el contador lo retorno a vacio
				document.getElementById("video_inicial").value='0';
				//variable segundo decremento
				dec2=datos[4]-1;
				//el ultimo numero del paginador lo pongo en color no seleccionado
				document.getElementById('video.'+dec2).style.color='#000';
				document.getElementById('video.'+dec2).style.border='none';
				document.getElementById('video.'+dec2).style.padding='0 2px 0 2px';
				//llamo la funcion pasando la direccion sin definir
				cambiarVideo("undefined");
			}
			//valido si la pagina es la inicial
			if(valor == 1)
			{
				// si es la pagina inicial valido si el dato fue enviado dando click en el m?numerito de la pagina
				if(page)
				{
					//si fue enviado por el click en el numerito de la pagina
					//pinto la pagina anterior como color no seleccionado
					document.getElementById('video.'+valor).style.color='#000';
					document.getElementById('video.'+valor).style.border='none';
					document.getElementById('video.'+valor).style.padding='0 2px 0 2px';
					//y pinto la pagina actual como color seleccionado
					document.getElementById('video.'+page).style.color='#FFF';
				        document.getElementById('video.'+page).style.border='1px solid #019934';			
				        document.getElementById('video.'+page).style.padding='0 2px 0 2px';
						document.getElementById('video.'+page).style.background='#019934';
				}
				//si no fue enviado por el click en el numerito de la pagina sino por la flecha lateral
				else
				{
					//pinto en color seleccionado
					document.getElementById('video.'+valor).style.color='#FFF';
					document.getElementById('video.'+valor).style.border='1px solid #019934';
					document.getElementById('video.'+valor).style.padding='0 2px 0 2px';
					document.getElementById('video.'+valor).style.background='#019934';
				}
			}
			//pero si no es la primer pagina
			else
			{
				//igualmente valido si fue enviado por el click del numerito de la pagina
				if(page)
				{
					//si fue asi, pinto el numeri de la pagina anterior con color no seleccionado
					document.getElementById('video.'+valor).style.color='#000';
					document.getElementById('video.'+valor).style.border='none';
					document.getElementById('video.'+valor).style.padding='0 2px 0 2px';
					//y la pagina actual con color seleccionado
					document.getElementById('video.'+page).style.color='#FFF';
				        document.getElementById('video.'+page).style.border='1px solid #019934';			
				        document.getElementById('video.'+page).style.padding='0 2px 0 2px';
						document.getElementById('video.'+page).style.background='#019934';

				}
				//pero si fue enviado por las flechitas
				else
				{
					//tercer decremento
					dec3	=	valor-1;
					//pongo la pagina anterior a la actual en color no seleccionado
					document.getElementById('video.'+dec3).style.color='#000';
					document.getElementById('video.'+dec3).style.border='none';
					document.getElementById('video.'+dec3).style.padding='0 2px 0 2px';
					//pinto la pagina actual a color seleccionado
					document.getElementById('video.'+valor).style.color='#FFF';
					document.getElementById('video.'+valor).style.border='1px solid #019934';
					document.getElementById('video.'+valor).style.padding='0 2px 0 2px';
					document.getElementById('video.'+valor).style.background='#019934';
				}
			}
			//fin codigo fprieto

		}
	}
	 ajax1.send(null);
	}
}

function setVariable(url,theValue,imagen)
{
		//alert("entra");
        if (theValue != '')
        {
            var objeto ='<object src="tools/flvplayer.swf"'+
            ' width="200"'+
            ' height="195"'+
            ' name="videoPlayer"'+
            ' id="videoPlayer"'+
            ' align="middle"'+
            ' type="application/x-shockwave-flash"'+
            ' wmode="transparent"'+
            ' pluginspage="http://www.macromedia.com/go/getflashplayer"'+
            ' data="'+url+'/tools/flvplayer.swf?file='+url+'/recursos_user/'+theValue+'&autoStart=false&image=recursos_user/imagenes/'+imagen+'"'+
            '><param name="movie" value="'+url+'/tools/flvplayer.swf?file='+url+'/recursos_user/'+theValue+'&autoStart=false&image=recursos_user/imagenes/'+imagen+'"/><param name="wmode" value="transparent"/><param name="allowfullscreen" value="true"/></object>';
            return objeto;
        }
        else
        {
            alert("No tiene un archivo de video asociado.");
        }
    }