$(document).ready( function () {

  $(".link_cerrar").click(function(){
    $(".dCuadro").hide();
    return false;
  });

  $(".link_box").click(function(){
    $(".dCuadro").hide();
    cuadro_func = $(this.parentNode).find(".dCuadro")
    $(cuadro_func).show();
    return false;
  });

  $(".link_box").click(function(){
    $(".dCuadro").hide();
    cuadro_func = $(this.parentNode.parentNode.parentNode).find(".dCuadro")
    $(cuadro_func).show();
    return false;
  });

  jQuery('#mycarousel').jcarousel({ visible: 1,
                                    scroll:1,
                                    wrap: 'both',
                                    initCallback: mycarousel_initCallback });

  //$("#dFotogaleria").load("galeria_01.html");
  $('.lista_galeria a').click( function() {
    $('.lista_galeria a').removeClass("liact");
    liga=$(this).attr("rel");
    $("#dFotogaleria").load(liga);
    $(this).addClass("liact");
    //return false;
  });

  //$("#dFotogaleria2").load("tour_termas.html");
  $('.lista_galeria2 a').click(function(){
    $('.lista_galeria2 a').removeClass("liact");
    liga=$(this).attr("rel");
    $("#dFotogaleria2").load(liga);
    $(this).addClass("liact");
    //return false;
  });

});

$(function() {

  // initialise the "Select date" link
  $('#date-pick')
  .datePicker(
    // associate the link with a date picker
    {
      createButton:false,
      startDate:'01/01/2009',
      endDate:'31/12/2020'
    }
  ).bind(
    // when the link is clicked display the date picker
    'click',
    function ()
    {
      updateSelects($(this).dpGetSelected()[0]);
      $(this).dpDisplay();
      return false;
    }
  ).bind(
    // when a date is selected update the SELECTs
    'dateSelected',
    function ( e, selectedDate, $td, state )
    {
      updateSelects(selectedDate);
    }
  ).bind(
    'dpClosed',
    function ( e, selected )
    {
      updateSelects(selected[0]);
    }
  );

  var updateSelects = function (selectedDate)
  {
    selectedDate = new Date(selectedDate);
    var d = selectedDate.getDate();
    var m = selectedDate.getMonth();
    var y = selectedDate.getFullYear();
    ($('#d')[0]).selectedIndex = d - 1;
    ($('#m')[0]).selectedIndex = m;
    ($('#y')[0]).selectedIndex = y - 2009;
  }
  // listen for when the selects are changed and update the picker
  $('#d, #m, #y').bind ( 'change', function() {
    var d = new Date( $('#y').val(), $('#m').val()-1, $('#d').val() );
    $('#date-pick').dpSetSelected( d.asString() ); }
  );

  // default the position of the selects to today
  var today = new Date();
  ($('#d')[0]).selectedIndex = today.getDate() - 1;
  ($('#m')[0]).selectedIndex = today.getMonth();
  ($('#y')[0]).selectedIndex = today.getFullYear() - 2009;

  // and update the datePicker to reflect it...
  $('#d').trigger('change');

  $('#date-pick2').datePicker (
    // associate the link with a date picker
    {
      createButton:false,
      startDate:'01/01/2009',
      endDate:'31/12/2020'
    }
  ).bind(
    // when the link is clicked display the date picker
    'click',
    function () {
      updateSelects2($(this).dpGetSelected()[0]);
      $(this).dpDisplay();
      return false;
    }
  ).bind(
      // when a date is selected update the SELECTs
      'dateSelected',
      function ( e, selectedDate, $td, state ) {
        updateSelects2( selectedDate );
      }
  ).bind(
      'dpClosed',
      function ( e, selected ) {
        updateSelects2( selected[0] );
      }
  );

  var updateSelects2 = function ( selectedDate ) {
    selectedDate = new Date( selectedDate );
    var d = selectedDate.getDate();
    var m = selectedDate.getMonth();
    var y = selectedDate.getFullYear();
    ($('#d2')[0]).selectedIndex = d - 1;
    ($('#m2')[0]).selectedIndex = m;
    ($('#y2')[0]).selectedIndex = y - 2009;
  }
  // listen for when the selects are changed and update the picker
  $('#d2, #m2, #y2').bind( 'change', function() {
    var d = new Date( $('#y2').val(), $('#m2').val()-1, $('#d2').val() );
    $('#date-pick2').dpSetSelected(d.asString());
  } );

  // default the position of the selects to today
  var today2 = new Date();
  ($('#d2')[0]).selectedIndex = today2.getDate() - 1;
  ($('#m2')[0]).selectedIndex = today2.getMonth();
  ($('#y2')[0]).selectedIndex = today2.getFullYear() - 2009;

  // and update the datePicker to reflect it...
  $('#d2').trigger('change');

});

function mycarousel_initCallback ( carousel ) {
  carousel.buttonNext.bind( 'click', function() {
    carousel.startAuto();
  });
  carousel.buttonPrev.bind( 'click', function() {
    carousel.startAuto();
  });
  carousel.clip.hover( function() {
    carousel.stopAuto();
  }, function() {
    carousel.startAuto();
  });
};

//Shadowbox.loadSkin('classic', '../js/src/skin');
//Shadowbox.loadLanguage('es', '../js/src/lang');
//Shadowbox.loadPlayer([], '../js/src/player');

//Shadowbox.loadSkin('classic', '../../termas/js/src/skin');
//Shadowbox.loadLanguage('es', '../../termas/js/src/lang');
//Shadowbox.loadPlayer([], '../../termas/js/src/player');

if ( document.images ) {
  ins_on = newImage("../../termas/images/nav/instalaciones_on.png");
  act_on = newImage("../../termas/images/nav/actividades_on.png");
  tar_on = newImage("../../termas/images/nav/tarifas_on.png");
  pro_on = newImage("../../termas/images/nav/promociones_on.png");
  gal_on = newImage("../../termas/images/nav/galeria_on.png");
}