var set_Galeria = [{'caption': 'Galeria 1', 'url': '../imgs/galeria/Foto1.jpg'},
				{'caption': 'Galeria 2', 'url': '../imgs/galeria/Foto2.jpg'},
				{'caption': 'Galeria 3', 'url': '../imgs/galeria/Foto3.jpg'},
				{'caption': 'Galeria 4', 'url': '../imgs/galeria/Foto4.jpg'},
				{'caption': 'Galeria 5', 'url': '../imgs/galeria/Foto5.jpg'},
				{'caption': 'Galeria 6', 'url': '../imgs/galeria/Foto6.jpg'},
				{'caption': 'Galeria 7', 'url': '../imgs/galeria/Foto8.jpg'},
				{'caption': 'Galeria 8', 'url': '../imgs/galeria/Foto9.jpg'},
                                {'caption': 'Galeria 9', 'url': '../imgs/galeria/Foto10.jpg'},];

var set_Instalaciones = [{'caption': 'Instalaciones 1', 'url': '../imgs/instalaciones/Instal1.jpg'},
				{'caption': 'Instalaciones 2', 'url': '../imgs/instalaciones/Instal2.jpg'},
				{'caption': 'Instalaciones 3', 'url': '../imgs/instalaciones/Instal3.jpg'},
				{'caption': 'Instalaciones 4', 'url': '../imgs/instalaciones/Instal4.jpg'},
				{'caption': 'Instalaciones 5', 'url': '../imgs/instalaciones/Instal5.jpg'},
				{'caption': 'Instalaciones 6', 'url': '../imgs/instalaciones/Instal6.jpg'},
				{'caption': 'Instalaciones 7', 'url': '../imgs/instalaciones/Instal7.jpg'},
				{'caption': 'Instalaciones 8', 'url': '../imgs/instalaciones/Instal8.jpg'},
				{'caption': 'Instalaciones 9', 'url': '../imgs/instalaciones/Instal9.jpg'},
                                {'caption': 'Instalaciones 10', 'url': '../imgs/instalaciones/Instal10.jpg'},
                                {'caption': 'Instalaciones 11', 'url': '../imgs/instalaciones/Instal11.jpg'},
                                {'caption': 'Instalaciones 12', 'url': '../imgs/instalaciones/Instal12.jpg'},
                                {'caption': 'Instalaciones 13', 'url': '../imgs/instalaciones/Instal13.jpg'},
                                {'caption': 'Instalaciones 14', 'url': '../imgs/instalaciones/Instal14.jpg'},
                                {'caption': 'Instalaciones 15', 'url': '../imgs/instalaciones/Instal15.jpg'},
                                {'caption': 'Instalaciones 16', 'url': '../imgs/instalaciones/Instal16.jpg'},
                                {'caption': 'Instalaciones 17', 'url': '../imgs/instalaciones/Instal17.jpg'}];
var pos_menus = new Array();
pos_menus['home'] = -735;
pos_menus['hembras'] = -620;
pos_menus['machos'] = -480;
//pos_menus['camadas'] = -393;
//pos_menus['descendencia'] = -279;
pos_menus['contacto'] = -370;
pos_menus['form'] = -230;

var pos_inicial = -735;
var mostrado_pie = 0;

/* Variables Hembras */
var pos_hembras = new Array();
pos_hembras['hembra1'] = 0;
pos_hembras['hembra2'] = 640;
pos_hembras['hembra3'] = 1280;
pos_hembras['hembra4'] = 1920;
pos_hembras_actual = 'hembra1';

/* Variables Machos */
var pos_machos = new Array();
pos_machos['macho1'] = 0;
pos_machos['macho2'] = 640;
pos_machos['macho3'] = 1280;
pos_machos_actual = 'macho1';

function loadContents(nombre){
    // Movemos el marcador a la posicion
    var distancia = pos_menus[nombre] - pos_inicial;
    pos_inicial = pos_menus[nombre];
    new Effect.Move('marcador', { x: distancia, y: 0, mode: 'relative', transition: Effect.Transitions.spring });

   
        // Cargamos el nuevo contenido
        var url = 'contents/' + nombre + '.php';
        new Ajax.Request(url, {
          method: 'get',evalScripts:true,
          onLoading: function(){
                $('contenidos').setOpacity(0.8);
          },
          onSuccess: function(transport) {
              new Effect.Fade('contenidos', {duration: 0.5,
                afterFinish: function(){
                    $('contenidos').update(transport.responseText);
                    new Effect.Appear('contenidos', {duration: 0.5,
                        afterFinish: function(){
                            if (nombre == 'form'){
                                loadAction();
                                Recaptcha.create("6LfnvrkSAAAAAEKts6h5oDpymk61fxW-GVVNABBB",
                                    "recaptcha_div", {
                                       theme: "blackglass",
                                       callback: Recaptcha.focus_response_field
                                    });

                            }
                        }
                    });
                }
            });

          }
        });


        // Reinicamos los paneles
        pos_hembras['hembra1'] = 0;
        pos_hembras['hembra2'] = 640;
        pos_hembras['hembra3'] = 1280;
        pos_hembras['hembra4'] = 1920;
        pos_hembras_actual = 'hembra1';

        pos_machos['macho1'] = 0;
        pos_machos['macho2'] = 640;
        pos_machos['macho3'] = 1280;
        pos_machos_actual = 'macho1';
    
}


function init(){
    colorea();
    loadContents('home');
    
}

function colorea(){
    $('fotos').observe('mouseover', function(){
       $('fotos').setOpacity(0.9);
    });
    $('fotos').observe('mouseout', function(){
       $('fotos').setOpacity(0.8);
    });

    $('instalaciones').observe('mouseover', function(){
       $('instalaciones').setOpacity(0.9);
    });
    $('instalaciones').observe('mouseout', function(){
       $('instalaciones').setOpacity(0.8);
    });

    /*$('visitas').observe('mouseover', function(){
       $('visitas').setOpacity(0.9);
    });*/
    /*$('visitas').observe('mouseout', function(){
       $('visitas').setOpacity(0.8);
    });*/

    
}

/*function mostrarLinks(){
    if (mostrado_pie == 0){
        new Effect.Morph('pie', {
            style: {
                height: '300px',
                opacity: '0.9'
            },
            duration: 0.5,
            afterFinish: function(){
                mostrado_pie = 1;
            }
        });
    }
    else{
        new Effect.Morph('pie', {
            style: {
                height: '30px',
                opacity: '1'
            },
            duration: 0.5,
            afterFinish: function(){
                mostrado_pie = 0;
            }
        });
    }
}*/

function mostrarHembras(nombre){
    // Obtenemos la posicion a desplazar
    var pos_actual = pos_hembras[nombre];
    var desplaza = 0 - pos_actual;

    // Actualizamos las posiciones
    pos_hembras['hembra1'] = pos_hembras['hembra1'] + desplaza;
    pos_hembras['hembra2'] = pos_hembras['hembra2'] + desplaza;
    pos_hembras['hembra3'] = pos_hembras['hembra3'] + desplaza;
    pos_hembras['hembra4'] = pos_hembras['hembra4'] + desplaza;
    pos_hembras_actual = nombre;
    
    $('btn_hembra1').setStyle({
       backgroundImage: 'url(imgs/fondo_botones_perros.png)'
    });
    $('btn_hembra2').setStyle({
       backgroundImage: 'url(imgs/fondo_botones_perros.png)'
    });
    $('btn_hembra3').setStyle({
       backgroundImage: 'url(imgs/fondo_botones_perros.png)'
    });
    $('btn_hembra4').setStyle({
       backgroundImage: 'url(imgs/fondo_botones_perros.png)'
    });

    $('btn_' + nombre).setStyle({
       backgroundImage: 'url(imgs/fondo_btns_actual.png)'
    });

    if (desplaza != 0){
        new Effect.Parallel([
          new Effect.Move('hembra1', {sync: true, x: desplaza, y: 0, mode: 'relative', transition: Effect.Transitions.spring  }),
          new Effect.Move('hembra2', {sync: true, x: desplaza, y: 0, mode: 'relative', transition: Effect.Transitions.spring  }),
          new Effect.Move('hembra3', {sync: true, x: desplaza, y: 0, mode: 'relative', transition: Effect.Transitions.spring  }),
          new Effect.Move('hembra4', {sync: true, x: desplaza, y: 0, mode: 'relative', transition: Effect.Transitions.spring  })
        ], {
          duration: 0.8
        });
    }

}

function mostrarMachos(nombre){
    // Obtenemos la posicion a desplazar
    var pos_actual = pos_machos[nombre];
    var desplaza = 0 - pos_actual;

    // Actualizamos las posiciones
    pos_machos['macho1'] = pos_machos['macho1'] + desplaza;
    pos_machos['macho2'] = pos_machos['macho2'] + desplaza;
    pos_machos['macho3'] = pos_machos['macho3'] + desplaza;
    pos_machos_actual = nombre;
    if (desplaza != 0){
        new Effect.Parallel([
          new Effect.Move('macho1', {sync: true, x: desplaza, y: 0, mode: 'relative', transition: Effect.Transitions.spring  }),
          new Effect.Move('macho2', {sync: true, x: desplaza, y: 0, mode: 'relative', transition: Effect.Transitions.spring  }),
          new Effect.Move('macho3', {sync: true, x: desplaza, y: 0, mode: 'relative', transition: Effect.Transitions.spring  })
        ], {
          duration: 0.8,
          delay: 0.5
        });
    }
}

function LightboxDelegate(url,caption) {
        var objLink = document.createElement('a');
        objLink.setAttribute('href',url);
        objLink.setAttribute('rel','lightbox');
        objLink.setAttribute('title',caption);
        Lightbox.prototype.start(objLink);
}

function moveToPrevious()
{
  new Effect.Move('imageBoxInside', { x: 180, y: 0, transition: Effect.Transitions.sinoidal });
}

function moveToNext()
{
  new Effect.Move('imageBoxInside', { x: -180, y: 0, transition: Effect.Transitions.sinoidal });
}

function mostrarPedigree(perro){
    var wrapper = new Element("div", {id: "wrapper"});

    var pan_datos = new Element("div", {id: "pan_datos"});
    var cont_datos = new Element("div", {id: "cont_datos"});
    pan_datos.insert({top:cont_datos});
    new Ajax.Request('contents/pedigree.php?perro=' + perro, {
      method: 'get',
      onSuccess: function(transport) {
        cont_datos.update(transport.responseText);
        mostrarDescendencia();
        $('hijo').observe('mouseover', mostrarTipTitulo);
      }
    });
    $('body').insert({top: wrapper});
    $('body').insert({top: pan_datos});

    $('wrapper').observe('click', ocultarPedigree);
    
    /*$('pan_datos').observe('click', ocultarPedigree);*/
}

function ocultarPedigree(){
    new Effect.Fade('cont_datos', {
        duration: 0.1,
        afterFinish: function(){
            new Effect.Fade('wrapper',{
                duration: 0.3
            });
        }
    });
    $('cont_datos').remove();
    $('pan_datos').remove();
    $('wrapper').remove();
}

function mostrarDescendencia(){
    new Effect.Move('hijo', { x: (-790), y: 0, mode: 'relative', duration: 0.2, transition: Effect.Transitions.linear,
        afterFinish: function(){
            new Effect.Move('padre', { x: (-650), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                afterFinish: function(){
                    new Effect.Move('madre', { x: (-650), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                        afterFinish: function(){
                            new Effect.Move('abuelo_paterno', { x: (-500), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                                afterFinish: function(){
                                    new Effect.Move('abuela_paterno', { x: (-500), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                                        afterFinish: function(){
                                            new Effect.Move('abuelo_materno', { x: (-500), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                                                afterFinish: function(){
                                                    new Effect.Move('abuela_materno', { x: (-500), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                                                        afterFinish: function(){
                                                            new Effect.Move('bisabuelo_paterno1', { x: (-350), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                                                                afterFinish: function(){
                                                                    new Effect.Move('bisabuela_paterno1', { x: (-350), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                                                                        afterFinish: function(){
                                                                            new Effect.Move('bisabuelo_paterno2', { x: (-350), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                                                                                afterFinish: function(){
                                                                                    new Effect.Move('bisabuela_paterno2', { x: (-350), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                                                                                        afterFinish: function(){
                                                                                            new Effect.Move('bisabuelo_materno3', { x: (-350), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                                                                                                afterFinish: function(){
                                                                                                    new Effect.Move('bisabuela_materno3', { x: (-350), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                                                                                                        afterFinish: function(){
                                                                                                            new Effect.Move('bisabuelo_materno4', { x: (-350), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                                                                                                                afterFinish: function(){
                                                                                                                    new Effect.Move('bisabuela_materno4', { x: (-350), y: 0, mode: 'relative', duration: 0.2,transition: Effect.Transitions.linear,
                                                                                                                        afterFinish: function(){
                                                                                                                            new Effect.Move('txt_padres', { x: (-693), y: 0, mode: 'relative', transition: Effect.Transitions.spring,
                                                                                                                                afterFinish: function(){
                                                                                                                                    new Effect.Move('txt_abuelos', { x: (-550), y: 0, mode: 'relative', transition: Effect.Transitions.spring,
                                                                                                                                        afterFinish: function(){
                                                                                                                                            new Effect.Move('txt_bisabuelos', { x: (-400), y: 0, mode: 'relative', transition: Effect.Transitions.spring});
                                                                                                                                        }
                                                                                                                                    });
                                                                                                                                }
                                                                                                                            });
                                                                                                                        }
                                                                                                                    });
                                                                                                                            }
                                                                                                            });
                                                                                                                        }


                                                                                                                            });
                                                                                                                }
                                                                                                            });
                                                                                                        }
                                                                                                    });
                                                                                                }
                                                                                            });
                                                                                        }
                                                                                    });
                                                                                }
                                                                            });
                                                                        }
                                                                    });
                                                                }
                                                            });
                                                        }
                                                    });
                                                }
                                            });
                                        }
                                    });
                                }
                            });
                        }
                    });
                    $('cerrar').observe('click', ocultarPedigree);
                }

var theObj="";
function toolTip(text,me) {
       theObj=me;
       theObj.onmousemove=updatePos;
       document.getElementById('toolTipBox').innerHTML=text;
       document.getElementById('toolTipBox').style.display="block";
       window.onscroll=updatePos;
}
function updatePos() {
       var ev=arguments[0]?arguments[0]:event;
       var x=ev.clientX;
       var y=ev.clientY;
       diffX=24;
       diffY=0;
       document.getElementById('toolTipBox').style.top  = y-2+diffY+document.body.scrollTop+ "px";
       document.getElementById('toolTipBox').style.left = x-2+diffX+document.body.scrollLeft+"px";
       theObj.onmouseout=hideMe;
}
function hideMe() {
       document.getElementById('toolTipBox').style.display="none";
}

function enviaContacto(){
    var nombre = $('nombre').value;
    var apellidos = $('apellidos').value;
    var correo = $('correo').value;
    var provincia = $('provincia').value;
    var comentarios = $('comentarios').value;

    var params = "nombre=" + nombre + "&apellidos=" + apellidos + "&correo=" + correo + "&provincia=" + provincia + "&comentarios=" + comentarios;
    var url = "contents/envia_correo.php";
    var ajax = new Ajax.Updater("panel_contacto",
                               url,
                               {method:"post",
                               parameters:params,
                               onSuccess: function(){
                                $('panel_contacto').setOpacity(1);
                               }
                               });
}