var OFF=0;
var NEBEN=0;
var LADE=0;
var SCHREIB=0;

function objectToString(o){
        
    var parse = function(_o){
    
        var a = [];   var t;
        
        
        for(var p in _o){
        
            if(_o.hasOwnProperty(p)){
            
                t = _o[p];
                
                if(t && typeof t == "object"){
                
                    a[a.length]= p + ":{ " + arguments.callee(t).join(", ") + "}";
                    
                }
                else {
                    
                    if(typeof t == "string"){
                    
                        a[a.length] = [ p+ ": \"" + t.toString() + "\"" ];
                    }
                    else{
                        if(t!=null) a[a.length] = [ p+ ": " + t.toString()];
                    }
                    
                }
            }
        }
        
        return a;
        
    }
    
    return "{" + parse(o).join(", ") + "}";
    
}

  
function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
  	return null;
    }

$(function(){
				$('#accordion').accordion({ header: 'h2', collapsible: true, autoHeight: true });
				
				$('#menu1').ptMenu();
				$('#menu2').ptMenu();
				$('#menu3').ptMenu();
				$('#menu4').ptMenu();
				$('#menu1').show();
				$('#menu2').show();
				$('#menu3').show();
				$('#menu4').show();
        		$( "#format" ).buttonset();
				
				$('#datepicker1').datepicker({ inline: true });
				$('#datepicker2').datepicker({ inline: true });
				$('#datepicker').datepicker({ inline: true });
				$.datepicker.regional['de'] = {
				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: false,
				yearSuffix: ''};
				$.datepicker.setDefaults($.datepicker.regional['de']);
				
				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
				
				$('#tool [title]').tooltip({ effect: 'fade', predelay: 300, offset: [0,0],
				onBeforeShow: function(toolTipEvent, toolTipPosition) {
  				this.getTip().css({'z-index':'9000'}); 
  				}
				});


			});
			


 function offsetter()
 {
  $('.offset').click(function() {
           var merk=$(this).attr('href' ).replace('index.php?','').replace('section=overview&offset=','');
            
           var ss=merk.indexOf('&'); 
           if(ss>0) merk=merk.substr(0,ss);
            OFF=merk;
            ladeneu();
            OFF=0;
           return false; 
           });
 }
 
 function paracount()
 {
 var  htm=$('#para').html();
 
 /*  Wellness und Features*/
 $('.find').each(
 function()
    {
    
    if($(this).hasClass('checked'))
     htm=htm+" <button class='weg bstuff' merk='"+this.id+"'> "+ $(this).parent()[0].id+"</button>";
    }
 );
 
/* Preis */
      var  grenzen='';
       var sl1=$('#slider1').slider('values');
       grenzen=sl1[0]+'€ bis '+sl1[1]+'€';
       if(sl1[0]!=0 || sl1[1]!=2000)
       {
       htm=htm+" <button class='weg bpreis'> "+ grenzen+"</button>";
       }
       
/* Sternchen */
      var  grenzen='';
       var sl1=$('#slider2').slider('value');
       grenzen=sterne(sl1)+' Sterne';
       if(sl1!=0 )
       {                
       htm=htm+" <button class='weg bstern'> "+ grenzen+"</button>";
       }
       
/* Umkreis */
      var  grenzen='';
       var sl3=$('#slider3').slider('value');
       grenzen='Radius '+ sl3 +' km';
       var gefunden = $('#para').children('.bumkreis')[0];
       if(sl3!=100 && gefunden )
       {
       /* Slider ist nicht 100 und Umkreis Button ist gesetzt */
       htm=htm+" <button class='weg bradius'> "+ grenzen+"</button>";
       }
 
 
  $('#para').html(htm);
  $('.weg').button({ icons: {primary:'',secondary:'ui-icon-circle-close'} });

 }
 
function regionen(was)
 {
 var set=true;
  if(arguments.length>1) set=false;
 $('#regmenu').show();
 
   $.ajax({
     url: "./regio.php",
     type: "POST",
     
     data:{
     search:was ,
     header:true
     },
    success: function(out){
       var such=$('#regmenu').children('.potato-menu-group');
       
       $(such[0]).html(out);  
       if(set) $('#wat').html('<b>Region</b> wählen');
       	$('#menu2').ptMenu();
       $('#regmenu').show();
       regionanschalten();
    }
    });
 }
 
 function parabuttons()
 {
 $('.weg').click(function() {
 OFF=0;
 if($(this).hasClass('bstuff')) {
                                var merk=$(this).attr('merk');
                                $('#'+merk).removeClass('checked');
                                $('#'+merk).addClass('unchecked');
                                ladeneu();
                                return false;
                                }
 if($(this).hasClass('bpreis')) { 
                                  $('#slider1').slider({ values: [0,2000] });
                                  $('#preis').html('0€ bis 2000€');
                                  ladeneu();
                                  return false;
                                }
 if($(this).hasClass('bstern')) {
                                  $('#slider2').slider({ value:0});
                                  $('#sterne').html('0 Sterne');
                                  ladeneu();
                                  return false;
                                }
 if($(this).hasClass('bradius')) {
                                  $('#slider3').slider({ value:100});
                                  $('#radius').html('100');
                                  ladeneu();
                                  return false;
                                }
 if($(this).hasClass('bumkreis')) {
                                  $('#umkreissuch').val('Ort');
                                  $('#slider3').slider({ value:100});
                                  $('#radius').html('100');
                                  ladeneu();
                                  return false;
                                }
 if($(this).hasClass('bland')) { 
                                  $('#regi').html('<b>Land</b> wählen');
                                  $('#wat').html('<b>Region</b> wählen');
                                  $('#regmenu').hide();
                                  ladeneu(); NEBEN=0;
                                  return false;
                                }   
                                
 if($(this).hasClass('bregion')) { 
                                  $('#wat').html('<b>Region</b> wählen');
                                  ladeneu();  NEBEN=0;
                                  return false;
                                }                                                                                                                                     
 alert('Fehler: Button nich erkannt');
 return false;
 } );
 }
 
 function regionanschalten()
 { 
   $(".region").click(
        function() { NEBEN=0;  OFF=0;
          var test=$('#update').length;  
          var id=$(this).parent().attr('id');
         if(id=='neben') NEBEN=1;
            $('#wat').html($(this).html());
            ladeneu();
          return false;
          }
        );
 }
 
 function forgetit()
 { 
 	 $('.forget').click(
      function(){ 
      var idname = $(this).attr('idd');
      var name=readCookie('hotels');
      var nameneu = name.replace("|"+idname, '');
      document.cookie='hotels='+ nameneu;
      $(this.parentNode).hide("drop", { direction: "left" }, 1000);
      herzweg(idname);
      return false;
      });
 }
 
 function herz(){
 $('.merk').unbind('click');
   $('.merk').click(
        function(){        
        var idname=$(this).attr('idd');
         var hotel=$(this).attr('name');
         var wo= $(this).attr('stadt');
         var name=readCookie('hotels');
         document.cookie='hotels='+ name +'|'+idname; 
         $($(this).children('img')[0]).attr('src','http://www.wellness-heaven.net/images/merk.png');
         $(this).removeClass('merk');
         $(this).addClass('gemerkt');
         $(this).unbind('click');
         $(this).click(function(){return false;});
         $('#merkno').show();
         var ist= $('#merkzettel').html();
         $('#merkzettel').html(ist+"<li><a href=# class=forget idd="+idname+"><div id=closeicon></div></a><a href='index.php?section="+idname+"'><b>"+hotel+"</b></a><br>"+wo+"</li>");
         forgetit();
         $('#merkzettel').show("drop", { direction: "up" }, 1500);
         return false;
        });
 }
 
function herzweg(id){
  var idd = id;
  var st='.gemerkt [idd='+idd+']';
  
  var merk=$('a[idd="'+idd+'"] ').filter('.gemerkt');
  var merk2=$(merk[0]).children('img');
  $(merk2[0]).attr('src','http://www.wellness-heaven.net/images/merk2.png');
  $(merk[0]).removeClass('gemerkt');
  $(merk[0]).addClass('merk');
  herz();
 }
  
$(document).ready(function(){
       offsetter();
       regionanschalten();
       herz();
       forgetit();

$('.tooltip').css('zIndex', 1100); 
$('#header').css('zIndex', 1030);  $('#vorne0').css('zIndex', 1020);  $('#regmenu').css('zIndex', 1010);
$('#vorne1').css('zIndex', 1000);  $('#vorne2').css('zIndex', 990);   $('#vorne3').css('zIndex', 980); 
       
$.tools.validator.localize("de", {
	':email'  		: 'Email Adresse ungültig',
	'*' 			: 'Bitte ausfüllen',
	'[required]' 	: 'Bitte ausfüllen'
});
$('#quick2').validator({lang: 'de'});

$("#dialogsend").dialog({title: 'Vielen Dank für Ihre Anfrage', modal: true, width: 400,
buttons: { "OK": function() { $(this).dialog("close"); } }
});

$("#dialognl").dialog({title: 'Vielen Dank für Ihre Anmeldung', modal: true, width: 400,
buttons: { "OK": function() { $(this).dialog("close"); } }
});
		
// TOGGLE next element .toggle
var showText='<img border=0 src=css/br_right.png>Treffer anzeigen';
var hideText='<img border=0 src=css/br_down.png>Treffer ausblenden';
$('.toggle').prev().append(' <a href="#" class="toggleLink textlink">'+showText+'</a>');
$('.toggle').hide();
$('a.toggleLink').click(function() {
is_visible = $(this).parent().next('.toggle').is(':visible');
$(this).html( (is_visible) ? showText : hideText);
$(this).parent().next('.toggle').toggle('bind');
return false;
});

// TOGGLE next element .togglegew
var showText3='<img border=0 src=css/br_right.png>Mehr Infos zum Gewinn';
var hideText3='<img border=0 src=css/br_down.png>Infos ausblenden';
$('.togglegew').prev().append(' <a href="#" class="toggleLink3 textlink">'+showText3+'</a>');
$('.togglegew').hide();
$('a.toggleLink3').click(function() {
is_visible = $(this).parent().next('.togglegew').is(':visible');
$(this).html( (is_visible) ? showText3 : hideText3);
$(this).parent().next('.togglegew').toggle('bind');
return false;
});

// TOGGLE next element .togglere
var showText2='<img border=0 src=css/br_right.png>Bericht anzeigen';
var hideText2='<img border=0 src=css/br_down.png>Bericht ausblenden';
$('.togglere').prev().append(' <a href="#" class="toggleLink2 textlink">'+showText2+'</a>');
$('.togglere').hide();
$('a.toggleLink2').click(function() {
is_visible = $(this).parent().next('.togglere').is(':visible');
$(this).html( (is_visible) ? showText2 : hideText2);
$(this).parent().next('.togglere').toggle('bind');
return false;
});

//$('#name2').focusout(function(){if(this.value=='') this.value='Name';})
$('#email2').focusout(function(){if(this.value=='') this.value='Email';})
$('#datepicker').focusout(function(){if(this.value=='') this.value='Anreise';})

$('#umkreissuch').focusout(function(){ 
		if(this.value=='') this.value='Ort'; 
		if(this.value !='' && this.value !='Ort') 
		{ 
		$('#regi').html('<b>Land</b> wählen'); 
		$('#wat').html('<b>Region</b> wählen');
        $('#regmenu').hide();
        ladeneu(); NEBEN=0;}
	  	})
       
       $('#zuruck').click(
       function(){   
       
                  $('.feat').removeClass('checked');
                  $('.feat').addClass('unchecked');
                  
                  $('.well').removeClass('checked');
                  $('.well').addClass('unchecked');
                  
                  $('.uni').removeClass('checked');
                  $('.uni').addClass('unchecked');
                       
                  var xx=false; var land='';
                  var test=readCookie("optionen").replace("{","").replace("}","").replace(/"/g,"").split(",");
                  
                  for(var i=0;i < test.length;i++) {
                
                  var ll=test[i].split(':');
                
                  if(ll[0]==' search' || ll[0]=='search' )
                  {
                  var  dec= decodeURI(ll[1].slice(1));
  
                  $('#regi').html(dec);
                  xx=true;  land=dec;
                
                   }
                  
                  if(ll[0]==' off')
                  {
                  OFF=ll[1];
                  }
                  
                   if(ll[0]==' well')
                  {   
                   var test2=ll[1].split('&&');
                  var leng=test2.length
                       for(var ii=0;ii < test2.length;ii++) {
                        if(test2[ii]!='')
                        {                      
                       $('#QQ'+test2[ii].replace(' ','')).removeClass('unchecked');
                       $('#QQ'+test2[ii].replace(' ','')).addClass('checked');
                       
                       }
                       }
                   }
                   
                      if(ll[0]==' feat')
                  {    var test2=ll[1].split('&&');
                  var leng=test2.length
                       for(var ii=0;ii < test2.length;ii++) {
                        if(test2[ii]!='')
                        {                      
                       $('#LL'+test2[ii].replace(' ','')).removeClass('unchecked');
                       $('#LL'+test2[ii].replace(' ','')).addClass('checked');
                       
                       }
                       }
                   } 
                  
                        if(ll[0]==' region')
                  {   
                   var  dec= decodeURI(ll[1].slice(1));
  
                  $('#wat').html(dec);
                  $('#wat').removeClass('not');
                   }
                   
                          if(ll[0]==' neben')
                  {   
                  NEBEN=ll[1];
                   }
                   
                            if(ll[0]==' slider1')
                  {   
                  var test2=ll[1].split('&&');
                  $('#slider1').slider({ values: [test2[0],test2[1]] });
                  
                   }
                          if(ll[0]==' slider2')
                  {   
                  var test2=ll[1];
                  $('#slider2').slider({ value: test2 });
                  
                   }   
         			
         		  if(ll[0]==' slider3')
                  {   
                  var test2=ll[1];
                  $('#slider3').slider({ value: test2 });
                  $('#radius').html(test2);
                  } 
                  
                   if(ll[0]==' umkreis')
                  {   
                  var test2=ll[1].replace(" ","");
                  $('#umkreissuch').val(test2);
                  } 
                  
                         if(ll[0]==' sort')
                  {   
                         var test2=ll[1].replace(" ","");
                      
                         $('#'+test2).removeClass('unchecked');
                         $('#'+test2).addClass('checked');
                  
                   }   
                   
                   
                   
                  }
                  ladeneu();    
                  $('.optdiv').show();
                  $(".opt").html('<img src=css/br_down.png>Weniger Optionen');
                  if(xx) regionen(land,true);
                 }          
                         );
       
           $('.land').click(function() {
           NEBEN=0;
           OFF=0;
               var test=$('#update').length;   

               $('#regi').html($(this).html());
               $('#wat').html('<b>Region</b> wählen');
               regionen($(this).html());
               ladeneu();
               if(test==0) return true;
               return false;});
           
           
            $(".opts").click(function() {
            var txt = $(".optdiv").is(':visible') ? '<img src=css/br_right.png>Mehr Optionen' : '<img src=css/br_down.png>Weniger Optionen';
     		$(".opt").html(txt);
            $(".optdiv").slideToggle();
			});
			
           	$(".opt").click(function() {
     		var txt = $(".optdiv").is(':visible') ? '<img src=css/br_right.png>Mehr Optionen' : '<img src=css/br_down.png>Weniger Optionen';
     		$(".opt").html(txt);
     		$(".optdiv").slideToggle();
			});
           
            $( "#slider1" ).slider({
             range: true,
			       min: 0,
			       max: 2000,
			       values: [ 0, 2000 ],
			        change: function(event, ui) { 
			        if(!(event.originalEvent==undefined)) ladeneu(); 
              },
			       	slide: function( event, ui ) {
		      		$( "#preis" ).html(  ui.values[ 0 ] + "€ bis " + ui.values[ 1 ]+'€' );
			             }
		          });
		          
           $( "#slider2" ).slider({
           step:5,
           change: function(event, ui) { 
               if(!(event.originalEvent==undefined)) ladeneu();  },
           	slide: function( event, ui ) {
           	var st;
           	var v=ui.value;
           	 st=sterne(v);
           	
		      		$( "#sterne" ).html(  st + " Sterne" );
			             }
            }); 
            
           $( "#slider3" ).slider({
           min: 5,
		   max: 500,
		   value: 100,
           change: function(event, ui) { 
               if(!(event.originalEvent==undefined)) 
               {
               if ($('#umkreissuch').val() == 'Ort') 
               $( "#umkreissuch" ).animate({backgroundColor: "#F78181", fontSize: "11pt" }, 500 );
               else
               ladeneu(); 
               }
               
            
               
               },
           	slide: function( event, ui ) {
           	var v=ui.value;
           	$( "#radius" ).html( v );
			             }
            });  
           
            $('.check').click(function() {
              var gefunden=$(this).children( '.find' )[0];
              if($(gefunden).hasClass('uni') && $(gefunden).hasClass('unchecked') ) {
              $('.uni').removeClass('checked');
               $('.uni').addClass('unchecked');
              }
              
              $(gefunden).toggleClass('unchecked');
              $(gefunden).toggleClass('checked');
                ladeneu();
            });
     
     
       var mainh = Math.max($('#main').height() + 100,1100);
       $('#menuleft').css({'min-height': mainh});
       
      });
      
      function sterne(v)
      {
      var st;
      if (v<5) st=0;
      if(v>=5) st=Math.round(((v-5)/100*4+6.2)*10)/10;
         return st;
      }
      
      function ladeneu()
      {
      // LADE NEU

	  $( "#umkreissuch" ).css('backgroundColor','#FFFFFF');
	  $( "#umkreissuch" ).css('fontSize','9pt');
	  
      var feat='';
      $('.feat').each(
      function() {
      if($(this).hasClass('checked')) { feat=feat+this.id.replace('LL','')+';'; }
      
            });
            
      var well='';
      $('.well').each(
      function() {
      if($(this).hasClass('checked')) { well=well+this.id.replace('QQ','')+';'; }
      
            });            
          
       var  grenzen='';
       var sl1=$('#slider1').slider('values');
       grenzen=sl1[0]+';'+sl1[1];
       
        var  sl2='';
        sl2=sterne($('#slider2').slider('value'));
        
        var  sl3='';
        sl3=$('#slider3').slider('value');
        
        var  umkreis='';
        umkreis=$('#umkreissuch').val();
        if (umkreis == 'Ort')
        umkreis = '';
        
        if ($('#umkreissuch').val() == '')
        $('#umkreissuch').val('Ort');

       
         var region='';
         region=encodeURI($('#regi').html());
         if($('#regi').hasClass('not')) region='';

         var wogenau='';         
          wogenau=$('#wat').html();
          if($('#wat').hasClass('not')) wogenau='';
       
       var sort='';
       var sorter=$('.uni.checked');
       if(sorter.length==1) sort=sorter[0].id;
       
       if(sort == 'sortEntfernung' && $('#umkreissuch').val() == 'Ort')
       $( "#umkreissuch" ).animate({backgroundColor: "#F78181", fontSize: "11pt" }, 500 );
       
      var ip;  
     
     ip=$('#ipp').val();  
           var Immernoch = new Date();
     var merk=Immernoch.getTime() ;
      var merk=randomString(8);
      
      var cookie={
      wann:merk,
      header:true,
     ip:ip,
     feat:feat, 
     well:well,
     slider1:grenzen,
     slider2:sl2,
     slider3:sl3,
     search:region,
     region:wogenau,
     umkreis:umkreis,
     off:OFF, 
     neben:NEBEN, 
     sort:sort
     };

     var test= objectToString(cookie).replace(/;/g,'&&');
     

      document.cookie='optionen='+test;
      var his=readCookie("his");
      document.cookie='his='+his+"&&&"+test;
      if(SCHREIB==0){
       LADE=1;
      
       $.history.load(merk);
       }  else {SCHREIB=0;};
     
      $.ajax({
     url: "./update.php",
     type: "POST",
     
     data:{
     header:true,
     ip:ip,
     feat:feat, 
     well:well,
     slider1:grenzen,
     slider2:sl2,
     slider3:sl3,
     search:region,
     region:wogenau,
     umkreis:umkreis,
     off:OFF, 
     neben:NEBEN, 
     sort:sort
     },
    success: function(out){
     
     $('#update').html(out);  
     $('#tool [title]').tooltip({ effect: 'fade', predelay: 300, offset: [0,0] });

       offsetter(); 
       paracount();  
       parabuttons();
       herz();
    }
    });
      
      }