$(document).ready(function(){
  
  $('#scrollLogo').cycle({ 
    fx:      'fade', 
    speed:    1000, 
    timeout:  8000
  });

  var oldimage = $(".slider-items a:first").attr("href");
  var newimage = $(".slider-items a:first").attr("href");

  $(".main-img .newimg").attr({
  src: newimage
  });

  $(".main-img .oldimg").attr({
  src: oldimage
  });
  
  var flag = false;
  var nextSrc = "";
  var loadedImages = [];
  var curHref = "";

  $(".slider-items a").click(function(){
    curHref = $(this).attr('href');
    var inArray = false;
    if ( !flag )
    {
      for(i in loadedImages)
      {
         if(loadedImages[i] == curHref)
         {
            inArray = true;
            break;
         }
      }
      if( !inArray )
      {
        var img = new Image();
        loadedImages[loadedImages.length + 1] = curHref;
        img.onload = onLoadImage;
        img.src = curHref;
      }
      else
      {
        onLoadImage();
      }
    }
    else
    {
     nextSrc = curHref;
    }
  return false;
  });

function onLoadImage()
{
    flag = true;
    oldimage = newimage;
    newimage = curHref;
    $(".main-img .oldimg").attr({
    src: oldimage
    });
    $(".main-img .newimg").css("opacity", 0);
    $(".main-img .newimg").attr({
    src: newimage
    });
    $(".main-img .newimg").animate({opacity: "1"}, "slow", function(){
      flag = false;
      if(nextSrc)
      {
        var tmpSrc = nextSrc;
        nextSrc = '';
        $('.slider-items a[href='+tmpSrc+']').click();
      }
    });
    return false;
}

});