jQuery(document).ready(function($){

	var paused = false;
	var moving = false;

    var bannerw = $('#bnr .panel').width();
    var nobanners = $('#bnr .panel').size();
    var totalw = bannerw * nobanners;
    
    var p = $("#border-left");
    var position = p.offset();
    
    $('#bnr').css({width: totalw + 'px', left: '-'+(bannerw-(position.left+10))+'px'});
    
    $(window).resize(function() {
        var p = $("#border-left");
		var position = p.offset();
		
		$('#bnr').css({width: totalw + 'px', left: '-'+(bannerw-(position.left+10))+'px'});
    });
    
    var left = 0;
    
    $('#bnr .panel').each(function() {

        $(this).css({'left':left});
        
        left = left + 960;
    
    });
    
    var panelno = 0;
    
    $('#bnr .panel').each(function() {

        panelno = panelno + 1;

        $(this).attr({'id':'panel'+panelno});
        
        var linkClass = '';
        
        if(panelno==2){
            linkClass = 'activeSlide';
        }

        $('#pager').append('<a href="" class="' + linkClass + '" rel="panel' + panelno + '"></a>');
        
    });
    
    $('#bnr .panel:not(:eq(1))').fadeTo(0, 0.5);
    
    $('#pager a').click(function() {
                                 
        $('#bnr .panel').stop(true, true);
        
        var currentslide = $('#pager a.activeSlide');
        var curindex = currentslide.index()+1;
        
        var selectedslide = $(this).attr('rel');
        var selindex = $(this).index()+1;
        
        if(curindex>selindex){
            
            var difference = curindex-selindex;
            
            $(this).cycleImages({direction: 'forward', transitions: difference});
            
        } else {
            
            var difference = selindex-curindex;
            
            $(this).cycleImages({direction: 'reverse', transitions: difference});
            
        }
        
        return false;
        
    });

    $.fn.cycleImages = function(options) {
        
        options.direction = options.direction ? options.direction : 'forward';
        options.transitions = options.transitions ? options.transitions : 1;
        
        if(window.console){
            console.log('direction = '+options.direction);
            console.log('transitions = '+options.transitions);
        }

        var first = $('#bnr .panel:first');
        var last = $('#bnr .panel:last');
        
        if(options.direction=='forward'){

            $('#bnr .panel').each(function() {

                $(this).animate({				 
                    left: '+=' + options.transitions*960 + 'px'
                }, {queue: true});
                
                for(curtrans = 0; curtrans<options.transitions; curtrans++) {
                    
                    $(last).remove().insertBefore(first).css({'left':-960});
                    
                }

            });

        } else if(options.direction=='reverse') {

            $('#bnr .panel').each(function() {

                for(curtrans = 0; curtrans<options.transitions; curtrans++) {
                
                    $(first).remove().insertAfter(last).css({'left':(totalw)});
                    
                }

                $(this).animate({				 
                    left: '-=' + options.transitions*960 + 'px'
                }, {queue: true});

            });

        }
        
        $('#bnr .panel:not(:eq(1))').fadeTo(0, 0.5);
        $('#bnr .panel:eq(1)').fadeTo(500, 1.0);
        
        var activepanel = $('#bnr .panel:eq(1)').attr('id');
        
        $('#pager a').removeClass('activeSlide');
        
        $('a[rel=' + activepanel + ']').addClass('activeSlide');

    }
    
    $('#arrow-next').click(function() {

        $('#bnr .panel').stop(true, true);

        $(this).cycleImages({direction: 'reverse'});

        return false;
        
    });
    
    $('#arrow-prev').click(function() {
                                    
        $('#bnr .panel').stop(true, true);
        
        $(this).cycleImages({direction: 'forward'});
        
        return false;
        
    });

	window.setInterval(function(){
		if(!paused){
			$('#bnr .panel').stop(true, true);
			
			$(this).cycleImages({direction: 'reverse'});		 
		}
	}, 10000);

	$('#bnr').hover(function(){
		paused = true;
	}, function() {
		paused = false;
	});

});