(function($) {

$("#slideshow").css("position", "relative");
$("#slideshow").css("height", "460px");

$("#slideshowContainer").css("position", "relative");

$("#slideshowTitle").css("background", "#FFF");
$("#slideshowTitle").css("color", "#000");
$("#slideshowTitle").css("position", "absolute");
$("#slideshowTitle").css("width", "220px");
$("#slideshowTitle").css("bottom", "50px");
$("#slideshowTitle").css("left", "0");
$("#slideshowTitle").css("z-index", "10");
$("#slideshowTitle").css("padding", "0.25em 0.5em 0.22em 0.4em");
$("#slideshowTitle").css("font-size", "200%");
$("#slideshowTitle").css("font-weight", "bold");
$("#slideshowTitle").css("text-transform", "uppercase");


function adjustHeight() {
  var initialHeight = 460;
  var minHeight = 360;
  var windowHeight = $(window).height();
  var slideshowHeight = initialHeight;
  var d = windowHeight - 700;
  if (d < 0) {
    slideshowHeight = Math.max(minHeight, initialHeight + d);
  }
  $("#slideshowContainer").css("overflow", "hidden");
  $("#slideshowContainer").css("height", slideshowHeight + "px");
}

$(window).bind("resize", adjustHeight);

adjustHeight();

for(var i=0; i<10; i++) {
  var idx = Math.floor(Math.random() * $("#slideshow img").size());
  $("#slideshow").append($("#slideshow img").eq(idx));
}

var images = [];

$("#slideshow img").each(function(i, value) {
  images.push(this);
  $(this).css("position", "absolute");
  if (i == 0)
    $(images[i]).css("left", "-860px");
  else if (i == 1)
    $(images[i]).css("left", "0px");
  else
    $(images[i]).css("left", "860px");
})

function slide() {
  $("#slideshow img").stop(true, true);
  $("#slideshowTitle span").stop(true, true);
  for(var i=0; i<images.length; i++) {
    if (i == 0)
      $(images[i]).css("left", "-860px");
    else if (i == 1)
      $(images[i]).css("left", "0px");
    else
      $(images[i]).css("left", "860px");
  }
  $("#slideshow").append($(images[0]));
  images.push(images.shift());
  
  $(images[0]).animate({left:-860}, 3000, 'easeInOutExpo');
  $(images[1]).animate({left:0}, 3000, 'easeInOutExpo');
  
  $("#slideshowTitle span").delay(1000).fadeOut('slow', 'swing', function() {
    $("#slideshowTitle span").html($(images[1]).attr("title"));
    $("#slideshowTitle span").fadeIn('slow', 'swing');
  })
  
  setTimeout(slide, 6000);
}

$("#slideshowTitle span").html($(images[1]).attr("title"));
setTimeout(slide, 6000);

  
})(jQuery);