xajax_reloadFilterTable();

function addFilter() {

  var sFilterConditionValue = $('filterCondition').options[$('filterCondition').selectedIndex].value;
  var sFilterConditionText = $('filterCondition').options[$('filterCondition').selectedIndex].text;
  var sValue;

  if(sFilterConditionValue == "users_has_traveltypes.traveltypes_id") {
    sValue = $('traveltypes0').options[$('traveltypes0').selectedIndex].value;
  } else if(sFilterConditionValue == "null") {
    $('filterCondition').style.backgroundColor = "#EFA4A4";
    return false;
  } else if($('slider1-input').value == "") {
    $('slider1-input').style.backgroundColor = "#EFA4A4";
    $('slider1-input').style.border = "1px solid #808080";
    return false;
  } else {
    $('filterCondition').style.backgroundColor = "#E2E3E9";
    $('slider1-input').style.backgroundColor = "#fff";
    $('slider1-input').style.border = "1px solid #808080";
    sValue = $("slider1-input").value;
  }
  xajax_addFilter(sFilterConditionText, sFilterConditionValue, $("opSelect").value, sValue);
  return true;
}

function filterConditionChanged() {

  if(
    $("filterCondition").value == 'countries.title_de' ||
    $("filterCondition").value == 'regions.title_de' ||
    $("filterCondition").value == 'cities.title_de' ||
    $("filterCondition").value == 'object_hotel.name_de' ||
    $("filterCondition").value == 'userage'
  ) {
    $("slider1TD").innerHTML = '<input style="width: 200px;" id="slider1-input" type="text" />';
    $("op1").show();
    $("op2").hide();
    $("op3").hide();
    $("op1").selected = 'selected';
  }else if(
    $("filterCondition").value == 'view_object_annotations_count.count' ||
    $("filterCondition").value == 'object_hotel.category' ||
    $("filterCondition").value == 'view_user_annotations_count.count' ||
    $("filterCondition").value == 'users.age'
  ) {
    $("slider1TD").innerHTML = '<input style="width: 200px;" id="slider1-input" type="text" />';
    $("op1").show();
    $("op2").show();
    $("op3").show();
    $("op1").selected = 'selected';
  }else if($("filterCondition").value == "users_has_traveltypes.traveltypes_id") {
    xajax_addTravelTypeSelectToSliderTD();
    $("op1").show();
    $("op2").hide();
    $("op3").hide();
    $("op1").selected = 'selected';
  } else {
    $("slider1TD").innerHTML = '<div class="parentSlider" id="slider1"><input type="text" class="slider-input" name="" id="slider1-input" /></div>';
    $("op1").hide();
    $("op2").show();
    $("op3").show();
    $("op2").selected = 'selected';
    activateSlider();
  }

}

function activateSlider() {
  var slider1 = new Slider(document.getElementById("slider1"), document.getElementById("slider1-input"));
  slider1.setMinimum(0);
  slider1.setMaximum(100);
  slider1.setValue(50);
  window.onresize = function () {slider1.recalculate();};
  //slider1.onchange = function () { slideHandler("slider1"); };
}/*
activateSlider();*/


$("vertical_slide").style.height = "auto";
$("vertical_slide").hide();

$("exsearch").style.height = "auto";
$("exsearch").hide();

$("help").style.height = "189px";
$("help").hide();

Event.observe("exsearch_toggle", "click", function(){
  if($("vertical_slide").visible()) {
    Effect.SlideUp($("vertical_slide"), {duration: 0.3, afterFinish: function(){
      if($("help").visible()) {
        Effect.SlideUp($("help"), {duration: 0.3, afterFinish: function(){
          $("exsearch").show();
          Effect.SlideDown("vertical_slide", {duration: 0.3});
        }});
      }
    }});
  } else {
    if($("help").visible())
      $("help").hide();
    $("exsearch").show();
    Effect.SlideDown("vertical_slide", {duration: 0.3, afterFinish: function(){
      $('slider1').innerHTML = '';
      $('slider1').innerHTML = '<input type="text" class="slider-input" name="" id="slider1-input" />';
      var slider1 = new Slider(document.getElementById("slider1"), document.getElementById("slider1-input"));
      slider1.setMinimum(0);
      slider1.setMaximum(100);
      slider1.setValue(50);
      window.onresize = function () {slider1.recalculate();};
      //slider1.onchange = function () { slideHandler("slider1"); };
    }});
  }
});

Event.observe("help_toggle", "click", function(){

  if($("vertical_slide").visible()) {
    Effect.SlideUp($("vertical_slide"), {duration: 0.3, afterFinish: function(){
      if($("exsearch").visible()) {
        Effect.SlideUp($("exsearch"), {duration: 0.3, afterFinish: function(){
          $("help").show();
          Effect.SlideDown("vertical_slide", {duration: 0.3});
        }});
      }
    }});
  } else {
    if($("exsearch").visible()) {
      $("exsearch").hide();
    }
    $("help").show();
    Effect.SlideDown("vertical_slide", {duration: 0.3});
  }
});


Event.observe("faqbox_input", "keyup", function(){
  xajax_searchHelp($("faqbox_input").value);
});

Event.observe("faqbox_input", "blur", function(){
  setTimeout("hideResultBox()",500);
});

function hideResultBox() {
  $("faqbox_results").style.display = "none"
}

function helpHover(ele) {

  //alert(ele.style.backgroundColor);

  if(ele.style.backgroundColor == "rgb(226, 227, 232)" || ele.style.backgroundColor == "#e2e3e8")
    ele.style.backgroundColor = "white";
  else
    ele.style.backgroundColor = "#E2E3E8";
}

function writeFilter(criteria, operator, value, key, count, rateValue) {

  //alert(rateValue);

  var tr = document.createElement("tr");

  var td1 = document.createElement("td");
  td1.style.width = "220px";
  td1.innerHTML = criteria;
  tr.appendChild(td1);

  var td2 = document.createElement("td");
  td2.style.width = "100px";
  td2.innerHTML = operator;
  tr.appendChild(td2);

  var td3 = document.createElement("td");
  td3.style.width = "220px";
  if(!isNaN(rateValue)) {
  td3.style.textAlign = "left";
  } else {
  td3.style.textAlign = "center";
  }

  td3.innerHTML = value;
  tr.appendChild(td3);

  var td4 = document.createElement("td");
  td4.style.width = "50px";
  var input = document.createElement("input");
  input.type = "button";
  input.value = "-";
  input.style.width = "23px";
  input.onclick = function() {
    xajax_removeFilter(key);
  }
  td4.appendChild(input);
  tr.appendChild(td4);

  var table = document.getElementById("usedFilters");
  var tblBody = document.createElement("tbody");
  tblBody.appendChild(tr);
  table.appendChild(tblBody);

  colorChanger(rateValue, "#71d751", "#f1ea22", "#d11010", "largeBarBackgroundES"+count, "largeBarCounterES"+count);

}