//<![CDATA[
function setHotelsWidth() 
{ 
  var width;
  var s = 'width:';
  var i = 0;
  width = $('hotels_list').getWidth() / 4;
  
  for(i = 0 ; i < document.getElementById("hotels").getElementsByTagName("div").length; i++)
  {
    document.getElementById("hotel_" + i).setAttribute('style', 'width: ' + width + 'px;'); 
  }
  width = document.getElementById("hotels").getElementsByTagName("div").length * $('hotel_0').getWidth(); 
  s = 'width:';
  s = s + width + 'px;';
  document.getElementById("hotels").setAttribute('style', s) 
}


function left_click() 
{ 
    onNextClick(); 
} 
function right_click() 
{ 
    onPrevClick(); 
} 

var inStepPrev = 0; 
var setTimer = false; 
var timeOut = null; 
var step_count = 15;
var current_margin = 0;
 
function onNextClick() 
{
  if(inStepPrev <= -($('hotel_0').getWidth() * (document.getElementById("hotels").getElementsByTagName("div").length - 4)) ) 
  { 

   return;
  } 
   
  if(timeOut == null) 
  { 
    timeOut = setInterval(moveLeft, step_count); 
  } 
} 
function moveLeft() 
{ 
  if($('hotel_0').getWidth() - 10 < current_margin)
  {
	inStepPrev -= $('hotel_0').getWidth() % 10;
	//alert($('hotel_0').getWidth());
  }
  else
  {
    inStepPrev -= 10; 
  }
  current_margin += 10;
  document.getElementById("hotels").style.marginLeft = inStepPrev + "px";
  if((inStepPrev % $('hotel_0').getWidth()) == 0) 
  {
   current_margin = 0;
   clearInterval(timeOut); 
   timeOut = null; 
  } 
} 
/* -------------------- prev -----------------------------------*/ 
function onPrevClick() 
{ 
  if(inStepPrev >= 0) 
  { 
  	//inStepPrev = -(1344 - 224 * 4 );
	return;
  }
   
  if(timeOut == null) 
  { 
    timeOut = setInterval(moveRight, step_count); 
  } 
} 
function moveRight() 
{ 
  if($('hotel_0').getWidth() - 10 < current_margin)
  {
    inStepPrev += $('hotel_0').getWidth() % 10;
  }
  else
  {
    inStepPrev += 10; 
  }
  current_margin += 10; 
  document.getElementById("hotels").style.marginLeft = inStepPrev + "px";  
  if((inStepPrev % $('hotel_0').getWidth()) == 0) 
  { 
	current_margin = 0;
	clearInterval(timeOut); 
    timeOut = null; 
  } 
} 
/* -------------------------------------------------*/ 
function stop() 
{ 
clearInterval(timeOut); 
timeOut = null; 
}

var my_images = new Array();
 
 
 
function preloading()
{
  var track = '';
  var image_magick = '';
  
  for (x = 0; x < preloading.arguments.length - 1; x++)
  { 
    var new_a = document.createElement('a');
    new_a.title="";
    new_a.className= "highslide";
    new_a.onclick = function() { return hs.expand(this, config1) };
    //new_a.setAttribute('onclick', 'return hs.expand(this, config1)');
    new_a.href = preloading.arguments[x];
    
    my_images[x] = new Image();
    my_images[x].src = track + preloading.arguments[x] + image_magick;
    my_images[x].className = 'scrolled_image';
    new_a.appendChild(my_images[x]);
    document.getElementById('scrolled_images_list').appendChild(new_a);
  }
}
	
    
    		
function showSrolledImage1()
{
  Effect.Appear('scrolled_image_1',{ duration: 2.0 });
}
			
function showSrolledImage2()
{
  Effect.Appear('scrolled_image_2',{ duration: 2.0 });
}

function changeImages()
{
  if($('scrolled_image_1').style.display=='none')
  {
    $('scrolled_image_1').src = document.getElementById("scrolled_images_list").getElementsByClassName("scrolled_image")[i].src;
	Effect.Fade('scrolled_image_2', { duration: 3.0 });
    
		
	setTimeout(showSrolledImage1, 2000);		
  }
  else
  {
    $('scrolled_image_2').src = document.getElementById("scrolled_images_list").getElementsByClassName("scrolled_image")[i].src;
	Effect.Fade('scrolled_image_1', { duration: 3.0 });
	
	
	setTimeout(showSrolledImage2, 2000);
  }		  
  
  if(i == my_images.length - 1)	
    i = 0;
  else 
    i++;
}
//]]>