var winW, winH;
var currentX, currentImage = 0;
window.addEvent('resize', resizeit);
	
window.addEvent('domready', function() {
	var imageCount = $$("#backgrounds ul li img").length;
	
	resizeit();
	
	if(!$("left") && !$("right"))
	  return;
	  
	$("left").addEvent("click", function(e){
		if (currentImage == 0)
			return false;
			
		currentImage--;
		currentX += winW;
		
		$("gallery").tween("left", currentX);
		
		if (currentImage == 0)
			$("left").addClass("disabled");
			
		return false;
		});
		
	$("right").addEvent("click", function(e){
		if (currentImage == imageCount-1)
			return false;
			
		currentImage++;
		currentX -= winW;
		
		$("gallery").tween("left", currentX);
		
		if (currentImage == imageCount-1)
			$("right").addClass("disabled");
		return false;
		});

	});

function resizeit()
	{
  if(!$("gallery"))
    return;
    
	winW = window.getWidth();
	
	$$("#backgrounds ul li img").each(function(img){
		var ratio = img.get("height") / img.get("width");
		img.set("width", winW);
		img.set("height", winW * ratio);
		});
	
	var direction = $("gallery").getStyle("left").substr(0, 1) == "-" ? -1 : 1;
	currentX = currentImage * winW * direction;
	
  $("gallery").setStyle("left", currentX);
	
	if($("content"))
	  {
    $("content").setStyle("height", window.getHeight() - 100);
    $("content").setStyle("display", "block")
	  }
	}