var at = 1;
var number_of_images = 1;
var directionRight = false;
var stopRotator = false;

function loadImages(){
  number_of_images = parseInt($('#rotate_image_count').val());
  for(var x = 2; x<=number_of_images; x++){
    document.images['rotate_image'+String(x)].src = "/uploadedImages/Hotels/Boutique/"+String(x)+".jpg";
  }
}

function nextImage(){
  if(!(stopRotator)){
    if(directionRight){
      right();
    }
    else{
      left();
    }
  }
}

function left(){
  var nextImage = at + 1;
  var options = {direction: "right"};
  if(nextImage > number_of_images){
    nextImage = 1;
  }
  rotate(options, nextImage);
  at = nextImage;
  directionRight = false;
  return false;
}
function right(){
  var nextImage = at - 1;
  var options = {direction: "left"}
    if(nextImage < 1){
    nextImage = number_of_images;
  }
  rotate(options, nextImage);
  at = nextImage;
  directionRight = true;
  return false;
}

function rotate(options, nextImage){
  $('#rotate_image' + String(at))
            .removeClass('focus')
            .addClass('unfocus');
  delayHide(at);
  $('#rotate_image' + String(nextImage))
            .removeClass('unfocus')
            .addClass('focus')
            .toggle('slide', options, 800);
}
function delayHide(img){
  setTimeout(function(){
    $('#rotate_image' + String(img)).css('display', 'none');
  },801);
}

function searchboxopen(){
  $('#searchMain').animate({right: '220px'}, 1000);
  $('#searchboxopen').hide();
  $('#btnSearch').hide();
  $('#searchboxclose').show();
  return false;
}

function searchboxclose(){
  $('#searchMain').animate({right: '0px'}, 1000);
  $('#searchboxopen').show();
  $('#btnSearch').show();
  $('#searchboxclose').hide();
  return false;
}

function toggleAttr(selectedAttr){
  tAttr('attrActivities', selectedAttr);
  tAttr('attrAmenities', selectedAttr);
  tAttr('attrInterest', selectedAttr);
  tAttr('attrSetting', selectedAttr);
  tAttr('attrStyle', selectedAttr);
  tAttr('attrFamily', selectedAttr);
  $('#attrFamilyTitle').removeClass('roundcorders');
  if(selectedAttr != 'attrFamily')
  $('#attrFamilyTitle').addClass('roundcorders');
}

function tAttr(attr, selectedAttr){
  if(attr == selectedAttr){
    $('#' + selectedAttr).toggle('blind');
  }else{
    $('#' + attr).hide();
  }
}

addLoadEvent(loadImages);
addLoadEvent(function(){setInterval("nextImage()", 5000);});