var anchuranavegador;
var anchura;
var anchurab;
var alturanavegador;
var altura;
var anchuraslider;
var alturalogo;
var anchuralogo;
var tfuente=0;
var himenu;
var ymenu;
var centradoy;
var contx;
var conty;
var contw;
var conth;
var proporcion=1.2; //proporcion alto*ancho
var csslogo;
var tdanc;
var topcatalogo;
var cssarrows;
var tfuenteg;
var tfuentep;
var centradox;
var alturaslaider;
var fotoslidery;
var fotoslidex;
var fotocatalogoy;
var fotocatalogox;
/*inicio pagina*/
function iniciar(){
    /*area de trabajo y tamaņos*/
    if(document.body.offsetWidth){ 
        anchuranavegador = document.body.offsetWidth;
    }
    if (window.innerHeight){
        alturanavegador = window.innerHeight;
    }
    else{
        alturanavegador = screen.height; 
    }
    anchurab = (anchuranavegador)-((anchuranavegador/100)*20);
    altura = (anchurab/proporcion); 
    if (window.innerHeight){
        if(altura>=(window.innerHeight)){
            altura = window.innerHeight-((window.innerHeight/100)*2);     
            anchurab =altura*proporcion;
        }
        centradoy=((window.innerHeight)-altura)/2;
    }
    else{
        altura = ((screen.height/100)*68);     
        anchurab =altura*proporcion;
    }
    anchura=anchurab*1.05;
    centradox=(anchuranavegador-anchura)/2;
    anchuraslider=anchura;
    alturaslaider=anchuraslider*0.65;
    anchuralogo=anchuraslider*0.105;
    alturalogo=anchuralogo;
    tfuente=(anchuraslider/100)*3;
    tfuenteg=tfuente*1.5;
    tfuentep=tfuente/1.5;
    csscontainer = { //creamos el area de la pagina
        'width':anchura+'px',
        'height':altura+'px',
        'left' : centradox+'px'
    }
    $('.container').css(csscontainer);
    anchuralogo=anchuraslider*0.105;
    alturalogo=anchuralogo;
    csslogo = {
        'width': anchuralogo+'px',
        'padding-bottom': anchuralogo/20+'px',
        'padding-top': anchuralogo/20+'px'
    }
    
    $('.logo').css(csslogo);
    $('#slider').css({
        'width': anchuraslider+'px',
        'height': alturaslaider+'px'
    });
    $('#slider').anythingSlider({
        'theme'    : 'minimalist-round',
        'autoPlay' : true,
        'delay': 3000,
        'animationTime': 700
    // buildArrows: false
    });
    tdanc=(anchuraslider/3)*2/5;
    $('body').css('font', tfuente+'px Swis721');
    $('#imenu').css('border-bottom-width', (tfuente/30)+'px');
    $('.tdb').css('border-bottom-width', (tfuente/30)+'px');
    $('.tdb').css('width',tdanc+'px');
    $('#tbd1').css('width',(tdanc+(tdanc*(2/3)))+'px');
    $('.tdb1').css('width',(tdanc+(tdanc*(1/3)))+'px');
    menu(1);
    himenu=$('#imenu').outerHeight();
    ymenu=(alturalogo+(anchuralogo/20)*2)-himenu;
    cssmenu={
        'top':ymenu+'px'
    }
    $('#imenu').css(cssmenu);
}
function paneles(){
    conty=(ymenu+himenu*2);
    contw=anchuraslider-(himenu*2);
    conth=alturaslaider-(himenu);
    contx=(anchuranavegador-contw)/2; 
    csscont1={
        'width': contw+'px',
        'height': '0px',
        'top': (conty+conth)+'px',
        'left': contx+'px'
    }
    csscont2={
        'width': contw+'px',
        'height': conth+'px',
        'top': conty+'px',
        'left': contx+'px'
    }
    $('#panelcontacto').css(csscont1);
    anchuracatalogo=(alturaslaider/2.3);
    topcatalogo=(ymenu+himenu)+((alturaslaider-(anchuracatalogo))/2);
    anchuracatalogo2=(alturaslaider/1.37);
    topcatalogo2=(ymenu+himenu)+((alturaslaider-(anchuracatalogo2))/2);
    csscdormitorioini = { 
        'width':'0px',
        'height':anchuracatalogo2+'px',
        'right' : centradox+'px',
        'top' : topcatalogo2+'px'
    }
    csscdormitorio = { 
        'width':anchura+'px'
    }
    $('.catalogodormitorios').css(csscdormitorioini);
    csscaja = { 
        'width':anchura+'px',
        'height':anchuracatalogo+'px'
    }
    csscjardini = { 
        'width':'0px',
        'height':anchuracatalogo+'px',
        'top' : topcatalogo+'px'
    }
    csscjardin = { 
        'width':anchura+'px'
    }
    $('.catalogojardin').css(csscjardini);
}
function cargarslider(pagina){
    //pagina=1 inicio, pagina=2 dormitorios, pagina=3 jardin
    if($('.fi').length){
        $('.fi').remove();
    }
    if($('.fj').length){
        $('.fj').remove();
    }
    if(pagina==1){
        $('#slider').append(
            '<li class="fi"> <img src="img/principal/conjunto15.jpg" alt="" /><div class="caption-right">colecci&oacute;n &Aacute;rtico</div></li>',
            '<li class="fj"><img src="img/principal/conjuntoj1.jpg" alt=""/><div class="caption-right">silla Versalles <br/>mesa Ken&iacute;a</div></li>',
            '<li class="fi"><img src="img/principal/conjunto11.jpg" alt=""/><div class="caption-right">colecci&oacute;n &Iacute;ris<br/>cama Nube</div></li>',
            '<li class="fj"><img src="img/principal/conjuntoj3.jpg" alt=""/><div class="caption-right">sill&oacute;n Bah&iacute;a <br/>mesa Teide</div></li>',
            '<li class="fi"> <img src="img/principal/conjunto2.jpg" alt="" /><div class="caption-right">colecci&oacute;n Toscana <br/>cama Dosel Lavanda</div></li>'
            );
    }
    else{
        if(pagina==2){
            $('#slider').append(
            '<li class="fi"> <img src="img/principal/conjunto15.jpg" alt="" /><div class="caption-right">colecci&oacute;n &Aacute;rtico</div></li>',
                '<li class="fi"><img src="img/principal/conjunto9.jpg" alt=""/><div class="caption-right">colecci&oacute;n Verona <br/>cabecero Verona </div></li>',
                '<li class="fi"> <img src="img/principal/conjunto13.jpg" alt="" /><div class="caption-right">colecci&oacute;n Hispalis <br/> cabecero Paris </div></li>',
                '<li class="fi"><img src="img/principal/conjunto2.jpg" alt=""/><div class="caption-right">colecci&oacute;n Toscana <br/>cama dosel Lavanda</div></li>',
                '<li class="fi"><img src="img/principal/conjunto3.jpg" alt=""/><div class="caption-right">colecci&oacute;n Valle <br/>cama Lavanda</div></li>',
                '<li class="fi"><img src="img/principal/conjunto4.jpg" alt=""/><div class="caption-right">colecci&oacute;n Toscana <br/>cabecero Menta</div></li>',
                '<li class="fi"><img src="img/principal/conjunto5.jpg" alt=""/><div class="caption-right">colecci&oacute;n Toscana <br/>cabecero Menta</div></li>',
                '<li class="fi"><img src="img/principal/conjunto6.jpg" alt=""/><div class="caption-right">colecci&oacute;n Toscana <br/>cabecero Sof&iacute;a</div></li>',
                '<li class="fi"><img src="img/principal/conjunto7.jpg" alt=""/><div class="caption-right">colecci&oacute;n Valle <br/>cabecero Al&oacute;e</div></li>',
                '<li class="fi"><img src="img/principal/conjunto14.jpg" alt=""/><div class="caption-right">colecci&oacute;n Ronda <br/>cabecero Venecia</div></li>'           
                );
        }
        else{
            if(pagina==3){
                $('#slider').append(
                    '<li class="fj"><img src="img/principal/conjuntoj1.jpg" alt=""/><div class="caption-right">sill&oacute;n Versalles <br/>mesa Kenia </div></li>',
                    '<li class="fj"><img src="img/principal/conjuntoj2.jpg" alt=""/><div class="caption-right">sill&oacute;n G&eacute;nova  <br/>mesa Teide </div></li>',
                    '<li class="fj"><img src="img/principal/conjuntoj3.jpg" alt=""/><div class="caption-right">sill&oacute;n Bah&iacute;a   <br/>mesa Teide</div></li>',
                    '<li class="fj"><img src="img/principal/conjuntoj13.jpg" alt=""/><div class="caption-right">sill&oacute;n Zahara  <br/>mesa Teide </div></li>',
                    '<li class="fj"><img src="img/principal/conjuntoj11.jpg" alt=""/><div class="caption-right">silla Sena <br/>mesa Gaud&iacute; </div></li>',
                    '<li class="fj"><img src="img/principal/conjuntoj6.jpg" alt=""/><div class="caption-right">silla Versalles <br/>mesa Kenia </div></li>',
                    '<li class="fj"><img src="img/principal/conjuntoj7.jpg" alt=""/><div class="caption-right">sill&oacute;n &Eacute;bano </div></li>',
                    '<li class="fj"><img src="img/principal/conjuntoj8.jpg" alt=""/><div class="caption-right">colecci&oacute;n Martia </div></li>',
                    '<li class="fj"><img src="img/principal/conjuntoj9.jpg" alt=""/><div class="caption-right">sill&oacute;n M&aacute;laga <br/>mesa Teide</div></li>'
                    ); 
            }
        }
    }
    $('#slider').anythingSlider();
    panelesslider();
    $('#slider').anythingSlider(1);
    $('#slider').data('AnythingSlider').startStop(true);
}
function panelesslider(){
    $('#slider')
    .anythingSlider()
    //.anythingSliderFx({
    // '.selector' : [ 'caption', 'distance/size', 'time', 'easing' ]
    // 'distance/size', 'time' and 'easing' are optional parameters
    //  '.caption-top'    : [ 'caption-Top', '50px' ],
    // '.caption-right'  : [ 'caption-Right', '130px', '1000', 'easeOutBounce' ],
    // '.caption-bottom' : [ 'caption-Bottom', '50px' ],
    // '.caption-left'   : [ 'caption-Left', '130px', '1000', 'easeOutBounce' ]
    //})
    /* add a close button (x) to the caption */
    .find('div[class*=caption]')
    .css({
        position: 'absolute'
    });
    if(tfuente<=45){
        cssarrows = {
            'background-image': 'url(img/arrows-minimalist2.png)',
            'background-repeat': 'no-repeat',
            'height': '40px',
            'margin-top': '-20px', 
            'width': '30px'
        }
        csscontrol1 = {
            'display': 'block',
            'height': '10px',
            'width': '10px',
            'margin': '2px',
            'border-radius': '3px',
            '-moz-border-radius': '3px',
            '-webkit-border-radius': '3px'
        }
        csscontrol2={    
            'margin': '2px',	
            'width': '11px',
            'height': '11px',
            'bottom': '2px',
            'z-index': '100',
            'border-radius': '3px',
            '-moz-border-radius': '3px',
            '-webkit-border-radius': '3px'
        }
        $(' div.anythingSlider-minimalist-round .start-stop').css(csscontrol2)
        $('div.anythingSlider-minimalist-round .anythingControls ul a').css(csscontrol1);   
        $('div.anythingSlider-minimalist-round .arrow a').css(cssarrows);
    }
}
function catalogos(familia){
    //familia 2 dormitorios, familia 3 jardin
    $('#slider').data('AnythingSlider').startStop(false);
    if(familia==2){ 
        $('#paneldormitorios').append('<li id="caja"><p>Puede descargar nuestro cat&aacute;logo de dormitorios dividido por colecciones en los siguientes enlaces: </p><table align="center" width="100%" ><tr id="catdor"></tr><tr id="catju" ></tr></table></li>');   
        $('#catdor').append(
            '<td><a href="img/pdf/dormitorios/artico.pdf" target="_blank" ><img src="img/pdf/dormitorios/artico.gif" alt="cuaderno1" class="icuadernos"  /><br> &Aacute;rtico </a> </td>',
            '<td><a href="img/pdf/dormitorios/verona.pdf" target="_blank" ><img src="img/pdf/dormitorios/verona.gif" alt="cuaderno1" class="icuadernos"  /><br> Verona </a> </td>',
            '<td><a href="img/pdf/dormitorios/toscana.pdf" target="_blank" ><img src="img/pdf/dormitorios/toscana.gif" alt="cuaderno1" class="icuadernos"  /><br> Toscana </a> </td>',
            '<td><a href="img/pdf/dormitorios/tierra.pdf" target="_blank" ><img src="img/pdf/dormitorios/tierra.gif" alt="cuaderno1" class="icuadernos"  /><br> Tierra </a> </td>',
            '<td><a href="img/pdf/dormitorios/cian.pdf" target="_blank" ><img src="img/pdf/dormitorios/cian.gif" alt="cuaderno1" class="icuadernos"  /><br> Cian </a> </td>',
            '<td><a href="img/pdf/dormitorios/corinto.pdf" target="_blank" ><img src="img/pdf/dormitorios/corinto.gif" alt="cuaderno1" class="icuadernos"  /><br> Corinto </a> </td>'
            );
           
        $('#catju').append(
            '<td><a href="img/pdf/dormitorios/juvenil.pdf" target="_blank" ><img src="img/pdf/dormitorios/juvenil.gif" alt="cuaderno1" class="icuadernos"  /><br> Juvenil </a> </td>',
            '<td><a href="img/pdf/dormitorios/infantil.pdf" target="_blank" ><img src="img/pdf/dormitorios/infantil.gif" alt="cuaderno1" class="icuadernos"  /><br> Infantil </a> </td>'
            );
        $('#caja').css(csscaja);
        $('.catalogodormitorios').animate(csscdormitorio,1000);
    }else{
        $('#paneljardin').append('<li id="caja"><p>Puede descargar nuestro cat&aacute;logo de jard&iacute;n dividido por cuadernos en los siguientes enlaces: </p><table align="center" width="100%" ><tr id="catja" ></tr></table></li>'); 
        $('#catja').append(
            '<td><a href="img/pdf/jardin/sillasymesas.pdf" target="_blank" > <img src="img/pdf/jardin/sillasymesas.gif" alt="cuaderno1" class="icuadernos"  /><br/>Sillas y Mesas</a> </td>',
            '<td><a href="img/pdf/jardin/sillones.pdf" target="_blank"> <img src="img/pdf/jardin/sillones.gif" alt="cuaderno2" class="icuadernos"  /><br/>Sillones </a> </td>',
            '<td><a href="img/pdf/jardin/versalles.pdf" target="_blank"> <img src="img/pdf/jardin/versalles.gif" alt="cuaderno3" class="icuadernos" /><br/>Versalles </a> </td>',
            '<td><a href="img/pdf/jardin/martia.pdf" target="_blank"> <img src="img/pdf/jardin/martia.gif" alt="cuaderno4" class="icuadernos"  /><br/>Martia </a> </td>'
            );
        $('#caja').css(csscaja);    
        $('.catalogojardin').animate(csscjardin,1000);
    }
    $('.icuadernos').css('height',(alturaslaider/4)+'px');  
    $('#caja').append('<span class="volver" ><p class="vol">Volver</p></span>');
    $('#caja').css('font-size', tfuente/1.3+'px');
    if(familia==2){
        $('.volver').css('background-color','#c45283');
    }else{
        $('.volver').css('background-color','#bac23f');
    }
    $(".volver").mouseover(function(){
        if(familia==2){
            $('.volver').css('background-color','#a11c49');
        }else{
            $('.volver').css('background-color','green'); 
        }
    }).mouseout(function(){
        if(familia==2){
            $('.volver').css('background-color','#c45283');
        }else{
            $('.volver').css('background-color','#bac23f');
        }
    });
    $('span.volver').click(function(){
        cerrarpaneles();
       
    });
}
function cerrarpaneles(){
    if($('#paneldormitorios').outerWidth()){
        $('#paneldormitorios').animate(csscdormitorioini,1000,function() {
            $('#caja').remove();
        });
    }
    if($('.catalogojardin').outerWidth()){    
        $('.catalogojardin').animate(csscjardini,1000,function() {
            $('#caja').remove();
        });
    }
    if($('#panelcontacto').outerHeight()){
        $('#panelcontacto').animate(csscont1,1000,function() {
            $('#contpa').remove();
        });
    }
    $('#slider').data('AnythingSlider').startStop(true);
}
function enviar(){
    var mail;
    var mail2;
    mail= 'Nombre: '+ $('#nombre').val()+'\n Apellidos: '+$('#apellidos').val()+'\n Empresa: '+$('#empresa').val()+'\n Email: '+$('#email').val()+'\n Telefono: '+$('#telefono').val()+'\n Comentarios: '+$('#comentarios').val();
    mail2= 'Nombre: '+ $('#nombre').val()+'<br/> Apellidos: '+$('#apellidos').val()+'<br/> Empresa: '+$('#empresa').val()+'<br/> Email: '+$('#email').val()+'<br/> Telefono: '+$('#telefono').val()+'<br/> Comentarios: '+$('#comentarios').val();
    $('#forma').remove();
    $('#contenidoc').append('<p align="center"><br> Gracias por rellenar el formulario. <br> Nos pondremos en contacto con usted a la mayor brevedad posible.</p><br/>'+mail2);
    window.open("contacto.php?texto="+mail2);

   
      
}
function panelcontacto(){
    $('#slider').data('AnythingSlider').startStop(false);
    $('#panelcontacto').animate(csscont2,1000);
    $('#panelcontacto').append('<li id="contpa"><div id="contacto" align="center" ><h1>CONTACTO.</h1><div id="contenidoc"></div><div><b>Guzm&aacute;n Naranjo S.L. </b><br/>comercial@guzmannaranjo.com <br/>Tel&eacute;fono: 957 59 02 86 <br/> Fax: 957 51 61 01 <br/> Carretera C&oacute;rdoba-M&aacute;laga KM70 <br/> 14900 Lucena, (C&oacute;rdoba) Espa&ntilde;a. <br/> Web: http:\\www.guzmannaranjo.com</p></div></div></li>');
    csscontenidoc={
        'height': ((conth/15)*8)+'px', 
        'width': ((contw/3)*2)+'px'
    }
    $('#contenidoc').css(csscontenidoc);
    $('#contenidoc').append('<div id="forma"><p>Si desea m&aacute;s informaci&oacute;n puede rellenar el siguiente formulario:</p><table class="tcontacto" id="tablaform" ></table><input type=submit  class="forma" id="env" onClick="enviar()" /></div>');
    $('#env').css('font-size', tfuentep+'px');
    $('#tablaform').append(
        '<tr><td><b>Nombre:</b></td><td class="tdconc"><input id="nombre" type=text name="nombre" size="80%"  class="forma" /></td></tr>',
        '<tr><td><b>Apellidos:</b></td><td class="tdconc"> <input id="apellidos" type=text name="apellidos" size="80%"  class="forma"/></td></tr>',
        '<tr><td><b>Empresa:</b></td><td class="tdconc"> <input id="empresa" type=text name="empresa" size="80%"  class="forma"/></td></tr>',
        '<tr><td><b>Email:</b></td><td class="tdconc"> <input id="email" type=text name="email" size="80%" class="forma"/></td></tr>',
        '<tr><td><b>Tel&eacute;fono:</b></td><td class="tdconc"> <input id="telefono" type=text name="tel&eacute;fono" size="80%" class="forma"/></td></tr>',
        '<tr><td><b>Comentarios:</b></td><td class="tdconc"> <textarea id="comentarios" name="coment" cols="80%" rows="5%" class="forma" id="text" ></textarea></td></tr>'
        );    
    $('#panelcontacto').css('font-size', tfuentep+'px');
    $('.forma').css({
        'width': (contw/3)+'px', 
        'height': (conth/27)+'px'
    });
    $('#text').css({
        'height': ((conth/30)*4)+'px'
    });
    $('#env').css({
        'height': ((conth/30)*2)+'px'
    });
}
/*Accion*/ 
function menu(opcion){
    //opciones 1 inicio, 2 dormitorios, 3 jardin, 4 contacto
    /*borrar pagina anterior*/
    cerrarpaneles();
    $('.ini').css('font-size', tfuente+'px');
    $('.bd').css('font-size', tfuente+'px');
    $('.bj').css('font-size', tfuente+'px');  
    $('.cont').css('font-size', tfuente+'px');
    /*opciones del menu*/
    if (opcion == 1){ /*inicio*/
        $('.ini').css('font-size', tfuenteg+'px');
        cargarslider(1);
        botoncatalogo(0);
    }else{
        if (opcion == 2){/*dormitorios*/
            $('.bd').css('font-size', tfuenteg+'px');
            cargarslider(2);
            botoncatalogo(2);
        }else{
            if (opcion == 3){/*jardin*/
                $('.bj').css('font-size', tfuenteg+'px');
                cargarslider(3);
                botoncatalogo(3);
            }else{
                if (opcion == 4){/*contacto*/
                    $('.cont').css('font-size', tfuenteg+'px');
                    botoncatalogo(0);
                    if($('#panelcontacto').outerHeight()){
                        $('#panelcontacto').animate(csscont1,1000,function() {
                            $('#contpa').remove();
                            panelcontacto();
                        });
                    }else{
                        panelcontacto();
                    }      
                }
            }
        }

    }
}
function botoncatalogo(opcion){
    //opcion 2 dormitorios, 3 jardin, 0 sin boton
    $('.bcatalogo').remove();
    if(opcion){
        $('#catalogo').append('<li class="bcatalogo" >  Descargar Cat&aacute;logo en PDF.</li>');
        $('.bcatalogo').click(function(){
            if($('#paneldormitorios').outerWidth()){ 
            }else{
                if($('.catalogojardin').outerWidth()){ 
                }else{
                    catalogos(opcion);
                }
            }
        });
        $(".bcatalogo").mouseover(function(){
            if(opcion==2){
                $('#catalogo').css('background-color','red');
            }
            if(opcion==3){
                $('#catalogo').css('background-color','green');
            }
        }).mouseout(function(){
            $('#catalogo').css('background-color','#300');
        });
        $('.bcatalogo').css('font-size', tfuentep+'px');
    }
}
$(document).ready( function(){
    iniciar();
    paneles();
});
$(function(){
    $('span.ini').click(function(){ 
        menu(1);
    });
    $('span.bd').click(function(){
        menu(2);       
    });
    $('span.bj').click(function(){
        menu(3);
    });
    $('span.cont').click(function(){
        menu(4);
    });  
});
$(window).resize(function() {
    var sURL = unescape(window.location.pathname);
    window.location.href = sURL;
});
