jQuery(function($){
	$.datepicker.regional['de'] = {
		closeText: 'schlie&szlig;en',
		prevText: '&#x3c;zur&uuml;ck',
		nextText: 'Vor&#x3e;',
		currentText: 'heute',
		monthNames: ['Januar','Februar','M&auml;rz','April','Mai','Juni',
		'Juli','August','September','Oktober','November','Dezember'],
		monthNamesShort: ['Jan','Feb','M&auml;r','Apr','Mai','Jun',
		'Jul','Aug','Sep','Okt','Nov','Dez'],
		dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
		dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
		dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
		weekHeader: 'Wo',
		dateFormat: 'dd.mm.yy',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ''};
	$.datepicker.setDefaults($.datepicker.regional['de']);
});

$(function() {
$("#f-finder-abreise").datepicker({
showAnim: '',
defaultDate: +14,
onSelect: function(dateText, inst) {
  $('#finder-type-3 input:checked').each(function () {
    $(this).removeAttr("checked");
  });
  $('#inp-datum').attr('value','');
  $('#sel-datum').html($("#f-finder-abreise").attr("value") + " - " + $("#f-finder-rueckkehr").attr("value"));
  $('#sel-datum').parent().show();
  $('#sel-info').parent().hide();
  refreshFinder(1);
}
});

$("#f-finder-rueckkehr").datepicker({
showAnim: '',
defaultDate: +21,
onSelect: function(dateText, inst) {
  $('#finder-type-3 input:checked').each(function () {
    $(this).removeAttr("checked");
  });
  $('#inp-datum').attr('value','');
  $('#sel-datum').html($("#f-finder-abreise").attr("value") + " - " + $("#f-finder-rueckkehr").attr("value"));
  $('#sel-datum').parent().show();
  $('#sel-info').parent().hide();
  refreshFinder(1);
}
});
});

/* Datums Funktionen */
function delDatum() {
  $('#finder-type-3 input:checked').each(function () {
    $(this).removeAttr("checked");
  });
  $('#inp-datum').attr('value','');
  $('#f-finder-abreise').attr('value','');
  $('#f-finder-rueckkehr').attr('value','');
  $('#sel-datum').html('[Datum ausw&auml;hlen]');
  $('#sel-datum').parent().hide();
  refreshFinder(1);
}
$(document).ready(function() {
  $('#sel-region').parent().hide();
  $('#sel-art').parent().hide();
  $('#sel-datum').parent().hide();
  $('#sel-info').parent().show();

  $('#finder-type-3 .form-checkbox input').click(function() {
    $('.form-datepicker input').attr('value','');
    var datumStatus = '';
    var datumID = '';
    $('#finder-type-3 input:checked').each(function () {
      if (datumStatus == '') {
        datumStatus = $(this).parent().children('label').html();
        datumID =  $(this).attr('id').replace('monat-','').replace('jahr-','');
      }
      else {
        datumStatus = datumStatus + ',' + $(this).parent().children('label').html();
        datumID =  datumID + ',' + $(this).attr('id').replace('monat-','').replace('jahr-','');
      }
    });
    if (datumStatus.length > 25) {
      datumStatus =  datumStatus.substr(0,25) + '...';
    }
    if (datumStatus == '') {
      datumStatus = '[Datum ausw&auml;hlen]';
    }
    $('#inp-datum').attr('value',datumID);
    $('#sel-datum').html(datumStatus);
    $('#sel-datum').parent().show();
    $('#sel-info').parent().hide();
    refreshFinder(1);
  });
});

/* Finder Liste anzeigen */
function refreshFinder(page) {
  $(document).ready(function() {
      $('#inp-page').attr('value',page);
      $.post('/de/api/reisefinder.html', $("#reisefinder").serialize(), function(data) {
        $('body').removeClass('ctype2');
        $('body').addClass('ctype1');
        $('#wrapper').html(data);
    });
  });
}

/* Seletor oben anzeigen */
function showSFinder(id) {
  $('#finder-type-1').hide();
  $('#finder-type-2').hide();
  $('#finder-type-3').hide();
  $('ul.navi-finder-type a').removeClass('active');
  $('ul.navi-finder-type a:eq(' + (id-1) + ')').addClass('active');
  $('#finder-type-' + id).show();
  return false;
}

/* Finder oben anzeigen lassen, und Liste und darstellen (refreshFinder) */
function showFinder() {
  $('#finder').show();
  $('#finder-type-1').show();
  $('ul.navi-finder-type a:eq(0)').addClass('active');
  $('#finder-type-2').hide();
  $('#finder-type-3').hide();
  $('#panes').hide();
  refreshFinder(1);
  updateScreens();
  return false;
}

/* Werte aus hidden Felder in Content einbrinden */
function updateScreens() {
  // Regionen prüfen
  if ($('#inp-region').attr('value') != '') {
    var daten = $('#inp-region').attr('value').split(",");
    var regionStatus = '';
    $.each(daten,function(index, value) {
      $('#region-' + value).addClass('active');
      if (regionStatus == '') {
        regionStatus = $('#region-' + value + ' .info').html();
      }
      else {
        regionStatus = regionStatus + ',' + $('#region-' + value + ' .info').html();
      }
    });
    if (regionStatus.length > 25) {
      regionStatus =  regionStatus.substr(0,25) + '...';
    }
    if (regionStatus == '') {
      regionStatus = '[Regionen ausw&auml;hlen]';
    }
    $('#sel-region').html(regionStatus);
    $('#sel-region').parent().show();
    $('#sel-info').parent().hide();
  }

  if ($('#inp-art').attr('value') != '') {
    var daten = $('#inp-art').attr('value').split(",");
    var artStatus = '';
    $.each(daten,function(index, value) {
      $('#artb-' + value).attr('checked','checked');
      if (artStatus == '') {
        artStatus = $('#artb-' + value).parent().children('label').html();
      }
      else {
        artStatus = artStatus + ',' + $('#artb-' + value).parent().children('label').html();
      }
    });
    if (artStatus.length > 25) {
      artStatus =  artStatus.substr(0,25) + '...';
    }
    if (artStatus == '') {
      artStatus = '[Reiseart ausw&auml;hlen]';
    }
    $('#sel-art').html(artStatus);
    $('#sel-art').parent().show();
    $('#sel-info').parent().hide();
  }
  
  
  
  if ($('#inp-datum').attr('value') != '') {
    var daten = $('#inp-datum').attr('value').split(",");
    var datumStatus = '';
    $.each(daten,function(index, value) {
      var htmlv = '';
      if (value.length == 4) {
        $('#jahr-' + value).attr('checked','checked');
        htmlv = $('#jahr-' + value).parent().children('label').html();
      }
      else if (value.length <= 2) {
        $('#monat-' + value).attr('checked','checked');
        htmlv = $('#monat-' + value).parent().children('label').html();
      }
      if (datumStatus == '') {
        datumStatus = htmlv;
      }
      else {
        datumStatus = datumStatus + ',' + htmlv;
      }
    });
    if (datumStatus.length > 25) {
      datumStatus =  datumStatus.substr(0,25) + '...';
    }
    if (datumStatus == '') {
      datumStatus = '[Datum ausw&auml;hlen]';
    }
    $('#sel-datum').html(datumStatus);
    $('#sel-datum').parent().show();
    $('#sel-info').parent().hide();
  }
  if ($('#f-finder-abreise').attr('value') != '') {
    $('#sel-datum').parent().show();
    $('#sel-info').parent().hide();
  }
  if ($('#f-finder-rueckkehr').attr('value') != '') {
    $('#sel-datum').parent().show();
    $('#sel-info').parent().hide();
  }
  if ($('#f-finder-abreise').attr('value') != '' || $('#f-finder-rueckkehr').attr('value') != '') {
    $('#sel-datum').html($("#f-finder-abreise").attr("value") + " - " + $("#f-finder-rueckkehr").attr("value"));
  }
}

/* Region Selektieren */
function delRegion() {
  $('#finder-type-1 a').removeClass('active');
  $('#inp-region').attr('value','');
  $('#sel-region').html('[Regionen ausw&auml;hlen]');
  $('#sel-region').parent().hide();
  refreshFinder(1);
}

/* Regionen Aktionen */
$(document).ready(function() {
  $('#finder-type-1 a').click(function() {
    var regionStatus = '';
    var regionID = '';
    if (!$(this).hasClass('active')) {
      $(this).addClass('active');
    }
    else if ($(this).hasClass('active')) {
      $(this).removeClass('active');
    }
    // Update Status der Box
    $('#finder-type-1 a').each(function(index) {
      if ($(this).hasClass('active')) {
        if (regionStatus == '') {
          regionStatus = $(this).children('.info').html();
          regionID =  $(this).attr('id').replace('region-','');
        }
        else {
          regionStatus = regionStatus + ',' + $(this).children('.info').html();
          regionID =  regionID + ',' + $(this).attr('id').replace('region-','');
        }
      }
    });
    if (regionStatus.length > 25) {
      regionStatus =  regionStatus.substr(0,25) + '...';
    }
    if (regionStatus == '') {
      regionStatus = '[Regionen ausw&auml;hlen]';
    }
    $('#inp-region').attr('value',regionID);
    $('#sel-region').html(regionStatus);
    $('#sel-region').parent().show();
    $('#sel-info').parent().hide();
    refreshFinder(1);
  });
});

/* Reisetyp Aktionen */
function delArt() {
  $('#finder-type-2 input:checked').each(function () {
    $(this).removeAttr("checked");
  });
  $('#inp-art').attr('value','');
  $('#sel-art').html('[Reiseart ausw&auml;hlen]');
  $('#sel-art').parent().hide();
  refreshFinder(1);
}
$(document).ready(function() {
  $('#finder-type-2 input').click(function() {
    var artStatus = '';
    var artID = '';
    $('#finder-type-2 input:checked').each(function () {
      if (artStatus == '') {
        artStatus = $(this).parent().children('label').html();
        artID =  $(this).attr('id').replace('artb-','');
      }
      else {
        artStatus = artStatus + ',' + $(this).parent().children('label').html();
        artID =  artID + ',' + $(this).attr('id').replace('artb-','');
      }
    });
    if (artStatus.length > 25) {
      artStatus =  artStatus.substr(0,25) + '...';
    }
    if (artStatus == '') {
      artStatus = '[Reiseart ausw&auml;hlen]';
    }
    $('#inp-art').attr('value',artID);
    $('#sel-art').html(artStatus);
    $('#sel-art').parent().show();
    $('#sel-info').parent().hide();
    refreshFinder(1);
  });
});
