var vitrina_timer = 6000;


$(document).ready(function(){
    
    $("div.vitrina .item:first").css('display','block');
    
    var i=1;
    $("div.vitrina .item").each(function(){
        if(i==1){var active = ' class="active" ';}
        else { var active = ''; }
        
        $("div.controls div.numerales").append('<a href="#" '+active+' rel="'+$(this).attr('id')+'">'+i+'</a>');
        i++;
    });
    
    $("div.controls a:not(.next, .prev)").live('click',function(e){
        e.preventDefault();
        var id = $(this).attr('rel');
        $("div.vitrina .item").fadeOut(200);
        $("div.vitrina .item").eq((parseInt($(this).text())-1)).fadeIn(800);
        $("div.controls a").removeClass('active');
        $(this).addClass('active');
        cont = (parseInt($(this).text())-1);
    });
    
    var cont = 0;
    $("div.controls a.next").live('click',function(e){
        e.preventDefault();
        $("div.vitrina .item").eq(cont).fadeOut(200);
        cont++;
        if(cont == $("div.vitrina .item").length){
            cont = 0;
        }
        $("div.vitrina .item").eq(cont).fadeIn(800);
        
        $("div.controls div.numerales a").removeClass('active');
        $("div.controls div.numerales a").eq(cont).addClass('active');
        
    });
    

    $("div.controls a.prev").live('click',function(e){
        e.preventDefault();
        $("div.vitrina .item").eq(cont).fadeOut(200);
        cont--;
        if(cont < 0){
            cont = ($("div.vitrina .item").length - 1);
        }
        $("div.vitrina .item").eq(cont).fadeIn(800);
        
        $("div.controls div.numerales a").removeClass('active');
        $("div.controls div.numerales a").eq(cont).addClass('active');
        
    });
    
    $("div.vitrina").hover(function(){
        var inter2 = self.clearInterval(inter);
    },function(){
        inter = self.setInterval("goVitrina()",vitrina_timer);
    });   
    
    $("div.titulares div.item div.thumb, .producto .thumb").hover(function(){
        var href = $(this).attr('rel');
        $(this).append('<a href="'+ href +'" class="readmore" style="display:none"><span>Ver más</span></a>'); 
        $(this).children('.readmore').fadeIn(300)
    },function(){
        $(this).children('.readmore').remove();
    });
    
    $("div.sidebar div.box.articulos a.clicker").click(function(e){
        e.preventDefault();
        var id = $(this).attr('rel');
        $("div.sidebar div.box.articulos a").removeClass('active')
        $(this).addClass('active');
        $("div.sidebar div.box.articulos div.lista").fadeOut(200);
        $("div.sidebar div.box.articulos div.lista#"+id).fadeIn(200);
    })
    
    $("div.box_login a.login").click(function(){
        $("div.box_login div.buttons").slideToggle(300)
    })
    
    $("div.box_login div.buttons input:not(.boton)").each(function(){
        $(this).val($(this).attr('title'));
    });
    
    $("div.box_login div.buttons input:not(.boton)").focus(function(){
         if($(this).val() == $(this).attr('title')){
            $(this).val('');
         }
    });
    $("div.box_login div.buttons input:not(.boton)").blur(function(){
         if( $(this).val() ==  ''){
            $(this).val($(this).attr('title'));
         }
    });
    
    $("div.box_login div.buttons input.boton").hover(function(){
        $(this).addClass('hover'); 
    },function(){
        $(this).removeClass('hover');
    });
 
     
    $("#boton_login").click(function(){
        $("div.buttons div.overlay").fadeIn(300);
        $("form#form_login").submit();
        /*
        $.ajax({
    		type: 'POST', 			
			url: 'WEBSERVICE/cliente.php', 			
			data: {
			    password : $("#password").val(),
                rut : $("#rut").val() 
            },
            dataType: 'json',
            beforeSend: function(){
                $("div.buttons div.overlay").fadeIn(300)    
            },             			
			success: function(json){
    			$("div.buttons div.overlay").fadeOut(300);
                var html = '<div class="box_login logged">';
                html += '       <h3>';
                html += '       Bienvenida: <strong>'+ json.Nombres + ' ' + json.ApellidoP + '</strong>';
                html += '       <a href="#">Cerrar Sesión <img src="wp-content/themes/extralindas/images/cerrar.png" align="absmiddle" /> </a>';
                html += '       </h3>';
                html += '  </div>';
                if(json.success == 'SI')
                    $(".box_login").replaceWith(html);
                else
                    alert('Usuario no existe');
			}                 
    	});
        */
    })
    
    var html_cambia_pass = '<div class="cambia_pass">';
    html_cambia_pass += '    <form action="WEBSERVICE/cambia_pass.php" method="post" id="frm_cambia_pass">';
    html_cambia_pass += '        <fieldset>';
    html_cambia_pass += '            <span>Contrase&ntilde;a anterior</span><input type="password" name="pass_prev" id="pass_prev" />';
    html_cambia_pass += '        </fieldset>';
    html_cambia_pass += '        <fieldset>';
    html_cambia_pass += '            <span>Contrase&ntilde;a nueva</span><input type="password" name="pass_new" id="pass_new" />';
    html_cambia_pass += '        </fieldset>';
    html_cambia_pass += '        <fieldset>';
    html_cambia_pass += '            <span>Repite Contrase&ntilde;a </span><input type="password" name="re_pass_new" id="re_pass_new" />';
    html_cambia_pass += '        </fieldset>';
    html_cambia_pass += '        <fieldset>';
    html_cambia_pass += '            <input type="button" id="btn_enviar" value="Enviar" />';
    html_cambia_pass += '        </fieldset>';
    html_cambia_pass += '        <input type="hidden" name="rut" id="rut" value="'+ $("#session_rut").val() +'" />';    
    html_cambia_pass += '    </form>';
    html_cambia_pass += '</div>';
    $(".fancy_change_pass").fancybox({
        content: html_cambia_pass
    });
    
    $("div.cambia_pass #btn_enviar").live('click',function(){
        var error = 0;
        $("div.cambia_pass form input[type=password]").each(function(){
            if($(this).val() == ""){
                $(this).addClass('error');
                error++;
            } else {
                $(this).removeClass('error');   
            }
        })
        
        if( $("#pass_new").val() != $("#re_pass_new").val() ){
            $("#pass_new").addClass('error');
            $("#re_pass_new").addClass('error');
            error++;
        }
        
        if( ($("#pass_new").length < 6) || $("#re_pass_new").length < 6 ){
            $("#pass_new").addClass('error');
            $("#re_pass_new").addClass('error');
            error++;
        }
    
        if(error > 0){
            alert("Debes completa los campos marcados\nRevisa que las contrase\u00f1coinsidan y que tengan 6 caracteres como m\u00ednimo");
        } else {
            $("div.cambia_pass form").submit();
        }         
    });
    
    
    
    var html_reset_pass = '<div class="cambia_pass">';
    html_reset_pass += '    <form action="WEBSERVICE/reset_pass.php" method="post" id="frm_cambia_pass">';
    html_reset_pass += '        <fieldset>';
    html_reset_pass += '            <input type="text" name="rut" id="rut" value="RUT" onfocus="this.value=\'\'" style="margin:4px 6px 24px 65px" /><br />';
    html_reset_pass += '        </fieldset>';
    html_reset_pass += '        <fieldset>';
    html_reset_pass += '            <input type="submit" id="btn_enviar_reset" value="Enviar" />';
    html_reset_pass += '        </fieldset>';
    html_reset_pass += '    </form>';
    html_reset_pass += '</div>';
    $("#btn_reset_pass").fancybox({
        content: html_reset_pass
    });
    
    
    
                     
});


var inter = self.setInterval("goVitrina()",vitrina_timer);

function goVitrina() {
  $("div.controls a.next").click();
}