var ulLenght = 0;
var lis;
var iteration = 0;
var direction = 0;
var clicked = false;
var link;

(function($) {

    $.fn.gallery = function(options) {

        options = $.extend($.fn.banner.defaults, options);
        var imgContainerId = $(this).attr('id');
        setNavigation(imgContainerId);

        return this.each(function() {

            //setInterval(function(){slideShow(imgContainerId, options.fadeSpeed, options.textSpeed)}, options.slideSpeed);

        });

    }

    function setNavigation(imgContainerId){

        $('#prev a').click(function(){
           direction = 1;
           moveThumbs();
           return false;
        });
        $('#next a').click(function(){
           direction = -1;
           moveThumbs();
           return false;
        });

        link = $('#sliderHolder ul li a#firstImg');

        $('#sliderHolder ul li a').click(function(){
           if(clicked == false && link.attr("href") != $(this).attr("href")){
               clicked = true;
               link = $(this);
               //$('#imgInnerHolder').children('span').remove();
               $('img#show').fadeOut(500, function(){
                   $(this).attr({src: link.attr('href')}).load(function(){
                       $(this).fadeIn(500);
                       clicked = false;
                   });
               });
           }
           return false;
        });
    }

    function slideShow(imgContainerId, fadeSpeed) {

        var current = $('#'+imgContainerId+' .show');
        var nextImg = current.next('img').length?current.next('img'):current.parent().children('img:first');

        current.fadeOut(fadeSpeed,function(){
            $(this).removeClass('show');
        });
        nextImg.fadeIn(fadeSpeed, function(){
            $(this).addClass('show');
        });

    }

    $.fn.banner.defaults = {
      slideSpeed:  5000,
      fadeSpeed:   1500
    };

})(jQuery);

function positionImages(id){

    lis = document.getElementById(id).getElementsByTagName('li');
    var width = 0;

    for(var i = 0; i < parseInt(lis.length); i++){
        width = lis[i].offsetWidth;
        lis[i].style.left = ulLenght + 'px';
        //document.getElementById(i).innerHTML = 'left: '+lis[i].style.left +', width: '+ width+', next: '+(parseInt(lis[i].style.left.replace('px',''))+width+9);
        if(i == parseInt(lis.length)-1)
            ulLenght += width;
        else
            ulLenght += (width + 9);
    }
}

function moveThumbs(){

   var referenceItemIndex = 0;
   var offset = 0;

   for(var i = 0; i < lis.length; i++){
       
       lis[i].style.left = (parseInt(lis[i].style.left.replace('px','')) + (direction * 20))+'px';
       //document.getElementById(i).innerHTML = 'left: '+lis[i].style.left +', width: '+ lis[i].offsetWidth +', next: '+(parseInt(lis[i].style.left.replace('px',''))+lis[i].offsetWidth+9);
       if(parseInt(lis[i].style.left.replace('px','')) < -lis[i].offsetWidth && direction == -1){
           referenceItemIndex = (i == 0)?(lis.length - 1):(i - 1);
           //alert((parseInt(lis[referenceItemIndex].style.left.replace('px','')) + lis[referenceItemIndex].offsetWidth));
           offset = (i == 0)?-11:9;
           lis[i].style.left = (parseInt(lis[referenceItemIndex].style.left.replace('px','')) + lis[referenceItemIndex].offsetWidth + offset) + 'px';
       }
       if(parseInt(lis[i].style.left.replace('px','')) > (ulLenght - lis[i].offsetWidth) && direction == 1){
           referenceItemIndex = (i == (lis.length - 1))?0:(i + 1);
           offset = (i == (lis.length - 1))?-9:11;
           lis[i].style.left = (parseInt(lis[referenceItemIndex].style.left.replace('px','')) - lis[i].offsetWidth + offset) + 'px';
       }
   }
   if(iteration < 30){
       setTimeout('moveThumbs()', 2);
       iteration++;
   }else{
       iteration = 0;
   }


}