var player = null;
var numNav=0;
var numVid=0;
var moviendoMiniaturas = false;

$(document).ready(inicia);



function reproducirVideo (urlVideo, nVideo) {
			player.sendEvent('load',{'file':urlVideo});
			player.sendEvent("play");
			numVid=nVideo;
}


function playerReady(thePlayer) { 
			player = document.getElementById('player');			
			addListeners();
			//reproducirVideo('../videos/videosprueba/inicio.flv');
}


function addListeners() {
			if (player) { 
				player.addModelListener("STATE", "stateListener");

			} else {
				setTimeout("addListeners()",100);
			}
}

		
function stateListener(obj) { //IDLE, BUFFERING, PLAYING, PAUSED, COMPLETED
			currentState = obj.newstate; 
			previousState = obj.oldstate; 			
			currentItem = obj.index;
			if (currentState == "PLAYING") {
  			  	$("#nav_video").animate({ top: "470px", opacity:"0"}, 1200);
			}
			if (currentState == "PAUSED") {
				inicia2();
			}
			if (currentState == "COMPLETED") {
				inicia2();
			}
}


function inicia() {
		   //$('#nav_video').hide();
		   //$('#nav_video').fadeIn(1200);
		  
		   //$("#nav_video").stop().animate({ top: "45px", opacity:"1"}, 1200);
		   menu();
		   //
		 
		   if (document.getElementById("imagenModelo"))
         	{
			   $("#nombreModelo").css({opacity:"0"});
			   $("#nombreModelo").fadeTo(600, 0.4);
			   
			   $("#precio").css({opacity:"0"});
			   $("#precio").fadeTo(600, 0.6);
			}
   		   if (document.getElementById("pane1"))
			{
		   		$('.scroll-pane').jScrollPane();
			}

}

function inicia2() {
		   $("#nav_video").animate({ top: "45px", opacity:"1"}, 1200); 
		  //  menu();
}


function menu(){
//home
		 if (document.getElementById("nav_video"))
            {
          	 $("#nav_video li").hover(
			  function () {
				$(".cortina", this).stop().animate({ top: "85px"}, 300);
			  }, 
			  function () {
				$(".cortina", this).stop().animate({ top: "0px"}, 300);
			  }
			 );
			
            }
//como se montan tipo		  
		  if (document.getElementById("nav_cinco"))
            {
			   $("#nav_cinco li").hover(
				 
				 function () {
					$("p",this).css({color:"#F14601"});
					//$(".cortina_nav5", this).animate({ top: "50px", opacity:"0"}, 250);
				  }, 
				 function () {
					$("p",this).css({color:"#FFFFFF"});
					//$(".cortina_nav5", this).animate({ top: "50px", opacity:"1"}, 250);
					//$(".cortina_nav5", this).stop().animate({ top: "412px", opacity:"0"}, 250);
					
				  }
				);
		   
			}

// como se montan
		 /*if (document.getElementById("1"))
            {
		   $("#1").hover(
			 
			 function () {
				$("#1b a").addClass("encima");
			  }, 
			 function () {
				$("#1b a").removeClass("encima");				
			  }
			);
			
		    $("#2").hover(
			 
			 function () {
				$("#2b a").addClass("encima");
			  }, 
			 function () {
				$("#2b a").removeClass("encima");
			  }
			);
			 $("#3").hover(
			 function () {
				$("#3b a").addClass("encima");
			  }, 
			 function () {
				$("#3b a").removeClass("encima");
			  }
			);
			  
			$("#4").hover(
			 function () {
				$("#4b a").addClass("encima");
			  }, 
			 function () {
				$("#4b a").removeClass("encima");
				
			  }
			);
		   }*/

// Cocinas
		 if (document.getElementById("nav_modelos"))
            {
          	 $("#nav_modelos li").hover(
			  function () {
				$(".cortina_mod", this).stop().animate({ top: "85px"}, 300);
			  }, 
			  function () {
				$(".cortina_mod", this).stop().animate({ top: "0px"}, 300);
			  }
			 );
			
           }
}

/*********************************** Funciones para cocinas ***********************/

function cargaModelo(imgModelo,nomModelo,detModelo,precioModelo,idModelo)	{
		// Cambiar titulo
		document.getElementById('nombreModelo').innerHTML = nomModelo;
		document.images['imagenModelo'].src = imgModelo;
		document.getElementById('descripcionDetalle').innerHTML = detModelo;
		//document.getElementById('euros').innerHTML = precioModelo;
		document.getElementById('precio').innerHTML = precioModelo;
}

/*function navegaModeloUp(numModelos){
	totalPaginas=parseInt(numModelos/8);
	total=(numModelos/8);
	
	
	if ((total>1) && (numNav< totalPaginas)){
		numNav=numNav+1;	
		mov=numNav * 83;
		$("#nav_mini").animate({ top: "-"+ mov +"px"}, 100); 
		
		if (numNav==1){
			$("#izq").css({opacity:"0"});
			$("#izq").fadeTo(100, 1);
		}
		if (numNav==totalPaginas){
			$("#der").css({opacity:"0"});
	    	$("#der").fadeTo(100, 0.5);	
		}

	}
}

function navegaModeloDown(numModelos){
  totalPaginas=parseInt(numModelos/8);

  if (numNav>0) {
    
    numNav=numNav-1;
    
    txt=document.getElementById('nav_mini').style.top;
    
    mov= parseFloat(txt)+83;
    
    mov=mov+"px";
    
    $("#nav_mini").animate({ top: mov }, 100);
    
    if (numNav==(totalPaginas-1)){
      $("#der").css({opacity:"0"});
        $("#der").fadeTo(100, 1);
    }
    
    if (numNav==0){
      $("#izq").css({opacity:"0"});
        $("#izq").fadeTo(100, 0.5); 
    }
    
  }else{
    $("#nav_mini").animate({ top: "0px"}, 100);
    
    
  }
  
  
}*/

/* Nuevas funciones para mover a los lados */

function navegaModeloDcha()
{
  if (moviendoMiniaturas) { return; }
  else { moviendoMiniaturas = true; }
  var $contenedorElementos = $('#nav_mini');
  var $totalElementos = $('#nav_mini li');
  var anchoElemento = $totalElementos.eq(0).width();
  var totalAncho = anchoElemento * $totalElementos.length;
  var posicion = $contenedorElementos.css('left');
  posicion = parseFloat(posicion.substring(0,posicion.length-2));
  var posicionSiguiente = posicion - (anchoElemento*8);
  //alert("anchoElemento: " + anchoElemento + "\n" + "totalAncho: " + totalAncho + "\n" + "Posicion: " + posicion + "\n" + "Posicion Siguiente: " + posicionSiguiente);
  $contenedorElementos.css('width',totalAncho);
  if (posicion > -(totalAncho-anchoElemento*8))
  {
    $contenedorElementos.animate({'left':posicionSiguiente},200, function()
    {
      moviendoMiniaturas = false;
      $("#izq").fadeTo(100, 1);
      posicion = $contenedorElementos.position().left;
      if (posicion < -(totalAncho-anchoElemento*8))
      {
        $("#der").fadeTo(100, 0.5);
      }
      else
      {
        $("#der").fadeTo(100, 1);
      }
    });
  }
  else
  {
    moviendoMiniaturas = false;
  }   
}

function navegaModeloIzda()
{
  if (moviendoMiniaturas) { return; }
  else { moviendoMiniaturas = true; }
  var $contenedorElementos = $('#nav_mini');
  var $totalElementos = $('#nav_mini li');
  var anchoElemento = $totalElementos.eq(0).width();
  var totalAncho = anchoElemento * $totalElementos.length;
  var posicion = $contenedorElementos.css('left');
  posicion = parseFloat(posicion.substring(0,posicion.length-2));
  var posicionSiguiente = posicion + (anchoElemento*8);
  //alert("anchoElemento: " + anchoElemento + "\n" + "totalAncho: " + totalAncho + "\n" + "Posicion: " + posicion + "\n" + "Posicion Siguiente: " + posicionSiguiente);
  $contenedorElementos.css('width',totalAncho);
  if (posicion <= -((anchoElemento*8)-1))
  {
    $contenedorElementos.animate({'left':posicionSiguiente},200, function()
    {
      moviendoMiniaturas = false;
      $("#der").fadeTo(100, 1);
      posicion = $contenedorElementos.position().left;
      if (posicion >= 0)
      {
        $("#izq").fadeTo(100, 0.5);
      }  
      else
      {
        $("#izq").fadeTo(100, 1);
      }
    });
  }
  else
  {
    moviendoMiniaturas = false;
  } 
}


/*********************************** Fin funciones cocinas *************************/

function paginaVideos(pagina){
		
		if (pagina==1){
			$("#nav_cinco").animate({ top: "0px"}, 200); 
			
		}
		
		if (pagina==2){
			$("#nav_cinco").animate({ top: "-428px"}, 200); 
		}
		
}


/*********************************** funciones noticias *************************/


function cargaNoticias(imgModelo,nomModelo,detModelo,precioModelo,idModelo)	{
		// Cambiar titulo
		document.getElementById('nombreModelo').innerHTML = nomModelo;
		document.images['imagenModelo'].src = imgModelo;
		document.getElementById('descripcionDetalle').innerHTML = detModelo;
		//document.getElementById('euros').innerHTML = precioModelo;
		document.getElementById('precio').innerHTML = precioModelo;
}

/******************************** Funciones pedidos ***************************/

function navegaModeloPedido(totalPaginas, pagina)
{
  
  var $contenedorElementos = $('#nav_seis');
  var $totalElementos = $('#nav_seis li');
  var anchoElemento = $totalElementos.eq(0).width();
  var totalAncho = (anchoElemento * 3 * totalPaginas)+$totalElementos.length;
  var posicion = $contenedorElementos.css('left');
  posicion = parseFloat(posicion.substring(0,posicion.length-2));
  var posicionSiguiente = 0 - ((anchoElemento * 3 *(pagina-1))+(3 *(pagina-1)));
  //var posicionSiguiente = posicion + (anchoElemento*8);

  //alert("totalElementos: " + $totalElementos.length + "\n" + "anchoElemento: " + anchoElemento + "\n" + "totalAncho: " + totalAncho + "\n" + "Posicion: " + posicion + "\n" + "Posicion Siguiente: " + posicionSiguiente);
  $contenedorElementos.css('width',totalAncho);
  $contenedorElementos.animate({'left':posicionSiguiente},200, function()
   {
    posicion = $contenedorElementos.position().left;    
   });

    
}

function navegaMedidasPedido(totalPaginas, pagina)
{
  
  var $contenedorElementos = $('#nav_siete');
  var $totalElementos = $('#nav_siete li');
  var anchoElemento = $totalElementos.eq(0).width();
  var totalAncho = (anchoElemento * 3 * totalPaginas)+$totalElementos.length;
  var posicion = $contenedorElementos.css('left');
  posicion = parseFloat(posicion.substring(0,posicion.length-2));
  var posicionSiguiente = 0 - ((anchoElemento * 3 *(pagina-1))+(3 *(pagina-1)));
  //var posicionSiguiente = posicion + (anchoElemento*8);

  //alert("totalElementos: " + $totalElementos.length + "\n" + "anchoElemento: " + anchoElemento + "\n" + "totalAncho: " + totalAncho + "\n" + "Posicion: " + posicion + "\n" + "Posicion Siguiente: " + posicionSiguiente);
  $contenedorElementos.css('width',totalAncho);
  $contenedorElementos.animate({'left':posicionSiguiente},200, function()
   {
    posicion = $contenedorElementos.position().left;    
   });

    
}
/******Muebles Solo medidas ****/
function validaCombo(combo1, nombre, cantidad, modelo)
{
var selected_index = document.medidasForm.elements[combo1].selectedIndex;
var selected_nombre=document.medidasForm.elements[nombre].value;
var selected_cantidad=document.medidasForm.elements[cantidad].value;
var selected_option_value2="";

if(selected_index > 0) {

var selected_option_value = document.medidasForm.elements[combo1].options[selected_index].value;
var selected_option_text = document.medidasForm.elements[combo1].options[selected_index].text;
insertaPedido(selected_nombre, selected_option_value, selected_option_value2, selected_cantidad, modelo); 
  

} else {

Sexy.alert('<h1>Cocinas.com</h1><em>Presupuestos y Pedidos</em><br/><p>Selecciona las medidas del art&iacute;culo</p>');
		
//alert('Seleccione las medidas del Articulo');

}

}


function validaCombos(combo1, combo2, nombre, cantidad, modelo)
{

var selected_index = document.medidasForm.elements[combo1].selectedIndex;
var selected_index2 = document.medidasForm.elements[combo2].selectedIndex;
var selected_nombre=document.medidasForm.elements[nombre].value;
var selected_cantidad=document.medidasForm.elements[cantidad].value;
var medidas="NOK";
var puertas="NOK";


if(selected_index > 0) {

var selected_option_value = document.medidasForm.elements[combo1].options[selected_index].value;
var selected_option_text = document.medidasForm.elements[combo1].options[selected_index].text;
medidas="OK"; 
  

} 

if(selected_index2 > 0) {

var selected_option_value2 = document.medidasForm.elements[combo2].options[selected_index2].value;
var selected_option_text2 = document.medidasForm.elements[combo2].options[selected_index2].text;
puertas="OK"; 

  

} 

if ((medidas=="NOK") && (puertas=="NOK")){
	alert('Seleccione medidas y puerta del Articulo');
}

if ((medidas=="OK") && (puertas=="NOK")){
	alert('Seleccione la puerta del Articulo');
}

if ((medidas=="NOK") && (puertas=="OK")){
	alert('Seleccione las medidas del Articulo');
}

if ((medidas=="OK") && (puertas=="OK")){

	insertaPedido(selected_nombre, selected_option_value, selected_option_value2, selected_cantidad, modelo);
}

} 
function insertaPedido(nombre, medidas, puerta, cantidad, modelo){
		//Crear elementos del desglose

		var cesta = document.getElementById("cesta");
		var li = document.createElement("li");
		var valores=medidas.split(";");
		
		//Vamos a montar la nueva cadena
		var cadena=""
		cadena=cadena+modelo.replace(" ", "_")+"**"
		cadena=cadena+nombre.replace(" ", "_")+"**"
		cadena=cadena+valores[0]+"**"
		cadena=cadena+puerta.replace(" ", "_")+"**"
		cadena=cadena+valores[1]+"**"
		cadena=cadena+cantidad
		
				
		//var cadena=modelo+"**"+nombre+"**"+valores[0]+puerta;
		//cadena=cadena.replace(/\s/g,"_");
		
		//var busca =document.getElementById(cadena);
		
		if (!(document.getElementById(cadena))){
		
		li.id='+cadena+';
		
		
		
		
		
		//$("input.spinner2").spinner({min : 0, max : 100});
		//Shadowbox.init();
		//Insertar valores en li
		texto='<p class="productoModelo">'+modelo+'</p><p class="productoTitulo">'+nombre+'</p><p class="productoDescripcion">'+valores[0]+' '+puerta+'</p><p class="precio">'+valores[1]+'</p><p class="cantidad">Cantidad <input type="text"  value="'+cantidad+'" class="spinner2" /></p><p class="productoLinks"><a href="javascript:borraElemento(\''+li.id+'\')" title="Borrar" class="borrar">borrar</a></p>';
		
		//insertar valores en matriz
  		var compra=new Array ();
		compra[0]=modelo;
		compra[1]=nombre;
		compra[2]=valores[0];
		compra[3]=puerta;
		compra[4]=valores[1];
		compra[5]=cantidad;
		
		
		
		
		      
     
      //Shadowbox.init();
   
		
		
		//
		
		li.innerHTML = texto;
		
		cesta.appendChild(li);
		getParam(cadena);
		$('.scroll-pane').jScrollPane();
		
		}
		else{
			
			
			//modificar contidades en cesta
			//cantidadnueva=parseFloat(document.getElementById(cadena+"_cantidad").value)+parseFloat(cantidad);
			
			//document.getElementById(cadena+"_cantidad").value=cantidadnueva;
			
			//alert('ya existe')
			
			//Modificar cantidades en matriz
			
			
			//getparam(nombre, medidas, puerta, cantidad, modelo,"modificar");      

		//$(".spinner", this).value="5";	
		}
		
		
	//document.medidasForm.submit();
}




function borraElemento(idElemento){
	//alert(idElemento)
	var el = document.getElementById(idElemento);
	var padre = el.parentNode;
	padre.removeChild(el);
	$('.scroll-pane').jScrollPane();
	//alert (el);
	getParamBorrar(idElemento);
	//getParamBorrar(idElemento);      
}

//////// CESTA AJAX////////////////


//Gets the browser specific XmlHttpRequest Object 

function getXmlHttpRequestObject() {

 if (window.XMLHttpRequest) {

    return new XMLHttpRequest(); //Mozilla, Safari ...

 } else if (window.ActiveXObject) {

    return new ActiveXObject("Microsoft.XMLHTTP"); //IE

 } else {

    //Display our error message

    alert("Your browser doesn't support the XmlHttpRequest object.");

 }

}



//Our XmlHttpRequest object

var receiveReq = getXmlHttpRequestObject();


//Initiate the AJAX request


function makeRequestSin(url, param) {

//If our readystate is either not started or finished, initiate a new request

 if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {

   //Set up the connection to captcha_test.html. True sets the request to asyncronous(default) 
//alert ("entro en if de makerequestSin");
   
   
   receiveReq.open("POST", url, true);

   //Set the function that will be called when the XmlHttpRequest objects state changes

   receiveReq.onreadystatechange = updatePage; 



//   receiveReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

	receiveReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=ISO-8859-1');

   receiveReq.setRequestHeader("Content-length", param.length);

   receiveReq.setRequestHeader("Connection", "close");



   //Make the request

   	receiveReq.send("cadena="+param);
	
 }   

}


//Called every time our XmlHttpRequest objects state changes

function updatePage() {

 //Check if our response is ready

 if (receiveReq.readyState == 4) {

   //Set the content of the DIV element with the response text
	//textoAjax = receiveReq.responseText;
	//document.getElementById('result').innerHTML = textoAjax;

 }

}




function getParam(compra) {

 //Set the URL
 //alert ("entro en getparam");

 var url = '/lib/php/cesta.php';

//var separado=txthtmlcesta.replace("<li ","%%<li ");
//alert ("Parametro cambiado: " +separado);


 //Set up the parameters of our AJAX call

    var postStr = compra;
	

   //var postStr="txtCantidad="+document.getElementById('cesta').value;
  // alert (postStr);
   
 //Call the function that initiate the AJAX request
	//document.getElementById('result2').innerHTML = txthtmlcesta;
	makeRequestSin(url, postStr);

}  

//function getParamBorrar(compra, accion) {
function getParamBorrar(idElemento) {
 //Set the URL
 //alert ("entro en getparam");

 var url = '/lib/php/prueba_borrar.php';

 //Set up the parameters of our AJAX call

 var postStr = idElemento;

 //Call the function that initiate the AJAX request

 makeRequestSin(url, postStr);

}  


/*function objetoAjax()
{
    var xmlhttp=false;
    try
    {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e)
    {
        try
        {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (e)
        {
            xmlhttp = false;
      }
    }

    if (!xmlhttp && typeof XMLHttpRequest!='undefined')
    {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
} */ 

/*function cestaAjax()
{
    //obtener valores a enviar
    
    cestaAjax = document.getElementById("cesta").value;
    
    
    
    //instanciamos el objetoAjax
    ajax=objetoAjax();
            
    ajax.open("POST", "lib/php/cesta.php",true);
            
    ajax.onreadystatechange=function()
    {
        if (ajax.readyState==4)
        {
            division = menu.document.getElementById("miDivision");
                    division.innerHTML = ajax.responseText;
                }
            }
            
            //esto no se que es
            ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            
            //envio los valores
          ajax.send("cestaAjax="+cestaAjax);
}*/