$(document).ready(function(){
	url = {
			iframe: 'http://id-reisewelt.zts.net/Deeplink/HotelList.aspx',
			req: 'zts/xml/GetHotelDestinations.aspx.xml',
			type: '',

			setIFrame: function(v) { this.iframe = v; },
			setRequest: function(v) { this.req = v; },
			setType: function(v) { this.type = v; },

			getIFrame: function() { return this.iframe; },
			getRequest: function() { return this.req; },
			getType: function() { return this.type; }
		}
	
	    $("button").button();
	    $("#tabs").tabs();
	    
	    $("#dialog").dialog({
  	    autoOpen: false,
  			resizable: false,
  			height:140,
  			modal: true,
  			close: function() {
  				$('#tabs').tabs('select' , 4);
  			},
  			buttons: {
  				'Ja': function() {
  					$(this).dialog('close');
  					document.location.href = "index.php?s=backpage&bp=flug";
  				},
  				'Nein': function() {
  					$(this).dialog('close');
  					$('#tabs').tabs('select' , 4);
  				}
  			}
  		});

	    $('#tabs').bind('tabsselect', function(event, ui){
		    switch(ui.tab.id){
			    case 'PackageList':
			    	url.setRequest('zts/xml/GetPackageDestinationsWithoutA.aspx.xml');
			    	url.setIFrame('http://id-reisewelt.zts.net/Deeplink/PackageList.aspx');
			    	url.setType('P');
			    	$("#activity").attr("disabled", true);
            $(".activity").css("display", "none");
			    	selTab = 2;
				    break;
			    case 'FlightList':
			    	$('#dialog').dialog('open');
			    	//url.setRequest('zts/xml/GetFlightDestinations.aspx.xml');
			    	//url.setIFrame('http://id-reisewelt.zts.net/Deeplink/FlightList.aspx');
				    break;
			    case 'HotelList':
			    	url.setRequest('zts/xml/GetHotelDestinations.aspx.xml');
			    	url.setIFrame('http://id-reisewelt.zts.net/Deeplink/HotelList.aspx');
			    	url.setType('H,FH,FW');
			    	$("#activity").attr("disabled", true);
            $(".activity").css("display", "none");
			    	selTab = 0;
				    break;
			    case 'CruiseList':
			    	url.setRequest('zts/xml/GetCruiseDestinations.aspx.xml');
			    	url.setIFrame('http://id-reisewelt.zts.net/Deeplink/CruiseList.aspx');
			    	url.setType('KA');
			    	$("#activity").attr("disabled", true);
            $(".activity").css("display", "none");
			    	selTab = 3;
				    break;
			    case 'TourList':
			    	url.setRequest('zts/xml/GetTourDestinations.aspx.xml');
			    	url.setIFrame('http://id-reisewelt.zts.net/Deeplink/TourList.aspx');
			    	url.setType('TA');
			    	$("#activity").attr("disabled", true);
            $(".activity").css("display", "none");
			    	selTab = 5;
				    break;
			    case 'RoundtripList':
			    	url.setRequest('zts/xml/GetRoundTripDestinations.aspx.xml');
			    	url.setIFrame('http://id-reisewelt.zts.net/Deeplink/RoundtripList.aspx');
			    	url.setType('R');
			    	$("#activity").attr("disabled", true);
            $(".activity").css("display", "none");
			    	selTab = 1;
				    break;
			    case 'ActivityList':
			    	//url.setRequest('zts/xml/GetActivityDestinations.aspx.xml');
            url.setRequest('zts/xml/GetPackageDestinationsWithA.aspx.xml');
            //url.setIFrame('http://id-reisewelt.zts.net/Deeplink/ActivityList.aspx');
            url.setIFrame('http://id-reisewelt.zts.net/Deeplink/packagelist.aspx');
            //url.setType('WEL,SKP,TAK,FIT,GOK');
            url.setType('H,FH,FW');
			    	$("#activity").attr("disabled", false);
            $(".activity").css("display", "");
			    	selTab = 2;
				    break;
			    default:
			    	url.setRequest('zts/xml/GetHotelDestinations.aspx.xml');
			    	url.setIFrame('http://id-reisewelt.zts.net/Deeplink/HotelList.aspx');
			    	url.setType('H,FH,FW');
			    	$("#activity").attr("disabled", true);
            $(".activity").css("display", "none");
			    	selTab = 1;
		    }
		    
		    if(!$("#activity").attr("disabled")){
          refresh_act(0);
        }else{
          $('#region').find('option').each(function(){
            $(this).remove();
          });
          $("#activity").append("<option value=''>ALLE</option>");
          
          refresh(0);
        }
        getValidDate(url.getType());
     });
     
	    $('#tabs').tabs("select" , 3);
	    $('#tabs').tabs("select" , 0);
	    
	    $('#datepicker').datepicker({
  	    showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        
  			changeMonth: true,
  			changeYear: true,
  			dateFormat: 'dd.mm.yy',
  			
  			closeText: 'schließen',
  			prevText: '&#x3c;zurück',
  			nextText: 'Vor&#x3e;',
  			currentText: 'heute',
  			monthNames: ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
  			monthNamesShort: ['Jan','Feb','Mä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: true,
  			yearSuffix: ''
  		});
	    
	    $('#datepicker').datepicker().focus(function(){
            //$('#datepicker').css('top', $(this).offset().top + $(this).height());
	    	//$('#ui-datepicker-div').css({margin: '258px'});
	    });
	    
	    $('#datepicker2').datepicker({
	      showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        
  			changeMonth: true,
  			changeYear: true,
  			dateFormat: 'dd.mm.yy',
  			
  			closeText: 'schließen',
  			prevText: '&#x3c;zurück',
  			nextText: 'Vor&#x3e;',
  			currentText: 'heute',
  			monthNames: ['Januar','Februar','März','April','Mai','Juni',
  			'Juli','August','September','Oktober','November','Dezember'],
  			monthNamesShort: ['Jan','Feb','Mä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: true,
  			yearSuffix: ''
  		});
	    
	    getValidDate(url.getType());
	    
		$(function(){
    $("select#activity").change(function(){
      if(!$("#activity").attr("disabled")){
          refresh_act(2);
        }else{
          refresh(2);
        }
      $('#country option:first').attr('selected', 'selected');
      $('#region option:first').attr('selected', 'selected');
      $('#destination option:first').attr('selected', 'selected');
    });
  });
  
  $(function(){
    $("select#country").change(function(){
      if(!$("#activity").attr("disabled")){
          refresh_act(3);
        }else{
          refresh(3);
        }
      $('#region option:first').attr('selected', 'selected');
      $('#destination option:first').attr('selected', 'selected');
    });
  });
    
  $(function(){
    $("select#region").change(function(){
      if(!$("#activity").attr("disabled")){
          refresh_act(4);
        }else{
          refresh(4);
        }
      $('#destination option:first').attr('selected', 'selected');
    });
  });
		
		function getValidDate(type){
			$.ajax({
				type: 'POST',
		    	url: 'include/ibe/getValidDates.php',
		    	data: 'type=' + type,
		    	dataType: 'xml',
	    	  	success: function(data){
					date = $(data).find('Date');
					dateFrom =  new Date(date.attr('YearFrom'), date.attr('MonthFrom'), date.attr('DayFrom'));
					dateFrom2 =  new Date(date.attr('YearFrom2'), date.attr('MonthFrom2'), date.attr('DayFrom2'));
					dateTo =  new Date(date.attr('YearTo'), date.attr('MonthTo'), date.attr('DayTo'));

					if(date.attr('validated') == "false"){
						$("#datepicker").datepicker( "option", "disabled", true );
						$("#datepicker").attr("disabled", true);
						
						$("#datepicker").val('');
						
						$("#datepicker2").datepicker( "option", "disabled", true );
						$("#datepicker2").attr("disabled", true);
						
						$("#datepicker2").val('');
					}else{
						$("#datepicker").datepicker( "option", "disabled", false );
						$("#datepicker").attr("disabled", false);

						$("#datepicker").datepicker("option", "minDate", dateFrom);
		    			$("#datepicker").datepicker("option", "maxDate", dateTo);
		    			$("#datepicker").val($.datepicker.formatDate('dd.mm.yy', $("#datepicker").datepicker("option", "minDate")));
		    			
		    			$("#datepicker2").datepicker( "option", "disabled", false );
						$("#datepicker2").attr("disabled", false);

						$("#datepicker2").datepicker("option", "minDate", dateFrom);
		    			$("#datepicker2").datepicker("option", "maxDate", dateTo);
		    			//$("#datepicker2").val($.datepicker.formatDate('dd.mm.yy', $("#datepicker2").datepicker("option", "minDate")));
		    			$("#datepicker2").val($.datepicker.formatDate('dd.mm.yy', dateFrom2));
					}	
		    	}
		    });
		}
		
  function refresh(level, co_selected){
    $.ajax({
        type: "GET",
      url: url.getRequest(),
      dataType: "xml",
      success: function(xml){
        var country = $('#country');
        var region = $('#region');
        var destination = $('#destination');
        
        if(level == 0){
          $('#country').find('option').each(function(){
            $(this).remove();
          });
          $('#region').find('option').each(function(){
            $(this).remove();
          });
          $('#destination').find('option').each(function(){
            $(this).remove();
          });
        }
        
        // Country
        if(level <= 1){
          country.append("<option value=''>ALLE</option>");
          region.append("<option value=''>ALLE</option>");
          destination.append("<option value=''>ALLE</option>");
        }
        $(xml).find('Country').each(function(){
          var co_id = $(this).attr('COID');
          var co_value = $(this).attr('Title');
          if(co_id == co_selected){
            co_sel = 'selected="selected"';
          }else{
            co_sel = '';
          }
          if(level <= 2){
            country.append("<option value='"+ co_id +"' " + co_sel + ">" + co_value + "</option>");
          }
          
          // Region
          if(co_id == country[0].value){
            if(level <= 3){
              $('#region').find('option').each(function(){
                $(this).remove();
              });
              region.append("<option value=''>ALLE</option>");
            }
            
            $(this).find('Region').each(function(){
              var rg_id = $(this).attr('RGID');
              var rg_value = $(this).attr('Title');
              if(level <= 3){
                region.append("<option value='"+ rg_id +"'>" + rg_value + "</option>");
              }
              
              // Destination
              if(rg_id == region[0].value){
                $('#destination').find('option').each(function(){
                  $(this).remove();
                });
                destination.append("<option value=''>ALLE</option>");
                $(this).find('Destination').each(function(){
                  var de_id = $(this).attr('DEID');
                  var de_value = $(this).attr('Title');
                  destination.append("<option value='"+ de_id +"'>" + de_value + "</option>");
                });
              }
            });
          }
        });
      }
    });
  }
  
  
   function refresh_act(level, co_selected){
    $.ajax({
      type: "GET",
      url: url.getRequest(),
      dataType: "xml",
      success: function(xml){
        var activity = $('#activity');
        var country = $('#country');
        var region = $('#region');
        var destination = $('#destination');
        
        if(level == 0){
          $('#activity').find('option').each(function(){
            $(this).remove();
          });
          $('#country').find('option').each(function(){
            $(this).remove();
          });
          $('#region').find('option').each(function(){
            $(this).remove();
          });
          $('#destination').find('option').each(function(){
            $(this).remove();
          });
        }
        
        // Activity
        if(level <= 1){
          activity.append("<option value=''>ALLE</option>");
          country.append("<option value=''>ALLE</option>");
          region.append("<option value=''>ALLE</option>");
          destination.append("<option value=''>ALLE</option>");
        }
        $(xml).find('ActivityType').each(function(){
          var act_id = $(this).attr('ACT');
          var act_value = $(this).attr('Title');
          if(level <= 1){
            activity.append("<option value='"+ act_id +"'>" + act_value + "</option>");
          }
          
          
          // Country
          if(act_id == activity[0].value){
            if(level <= 2){
              $('#country').find('option').each(function(){
                $(this).remove();
              });
              country.append("<option value=''>ALLE</option>");
            }
            
            $(this).find('Country').each(function(){
              var co_id = $(this).attr('COID');
              var co_value = $(this).attr('Title');
              if(level <= 2){
                country.append("<option value='"+ co_id +"'>" + co_value + "</option>");
              }
              // Region
              if(co_id == country[0].value){
                if(level <= 3){
                  $('#region').find('option').each(function(){
                    $(this).remove();
                  });
                  region.append("<option value=''>ALLE</option>");
                }
                
                $(this).find('Region').each(function(){
                  var rg_id = $(this).attr('RGID');
                  var rg_value = $(this).attr('Title');
                  if(level <= 3){
                    region.append("<option value='"+ rg_id +"'>" + rg_value + "</option>");
                  }
                  
                  // Destination
                  if(rg_id == region[0].value){
                    $('#destination').find('option').each(function(){
                      $(this).remove();
                    });
                    destination.append("<option value=''>ALLE</option>");
                    $(this).find('Destination').each(function(){
                      var de_id = $(this).attr('DEID');
                      var de_value = $(this).attr('Title');
                      destination.append("<option value='"+ de_id +"'>" + de_value + "</option>");
                    });
                  }
                });
              }
            });
          }
        });
      }
    });
  }
	    
	    
	});

function showList(){
  var activity = $('#activity');
	var country = $('#country');
	var region = $('#region');
	var destination = $('#destination');
	
	if($('#datepicker')[0].value !=''){
		var date = $.datepicker.formatDate('yymmdd', $.datepicker.parseDate('dd.mm.yy', $('#datepicker')[0].value));
	}else{
		var date = '';
	}
	
	if(!$("#activity").attr("disabled")){
      var act = '&ACT=' + activity[0].value;
    }else{
      var act = '';
    }
	
	var nights = ($.datepicker.parseDate('dd.mm.yy', $('#datepicker2')[0].value) - $.datepicker.parseDate('dd.mm.yy', $('#datepicker')[0].value)) / 86400000;

	if(country[0].value == ''){
		var ifUrl = url.getIFrame() + '?ALL=1' + '&DATE=' + date + '&NIGHTS=' + nights + act;
	}else{
		var ifUrl = url.getIFrame() + '?COID=' + country[0].value + '&RGID=' + region[0].value + '&DEID=' + destination[0].value + '&DATE=' + date + '&NIGHTS=' + nights + act;
	}
	top.location.href = "http://www.id-reisewelt.de/index.php?s=gate&t=" + selTab +"&u=" + Base64.encode(ifUrl);
}