var items;
var showedList = new Array();
var showed = 0;
var last = 0;
var current = 0;
var bannerTimerOut = 4000;
var bannerFadeIn = 1500;

function showimg(){
    rand = Math.floor(Math.random()*(last+1));
    
    if(showed == last+1){
        for(i=0;i<=last;i++){
            showedList[i] = false;
        }
        showed = 0;
        if(current == rand){
            do{
                rand = Math.floor(Math.random()*(last+1));
            }while(current == rand);
        }
    }else if(showedList[rand] == true){
        do{
            if(rand == last)
                rand = 0;
            else
                rand++;
        }while( showedList[rand] == true )
    }
    if(current < rand){
        $(items[rand]).fadeIn(bannerFadeIn,function(){
            $(items[current]).hide();
            current = rand;
            showedList[rand] = true;
            showed++;
            setTimeout(function(){
               showimg();
            }, bannerTimerOut);

        });
    }else{
        zindex = $(items[current]).css('z-index');
        $(items[current]).css('z-index', zindex-1);
        $(items[rand]).fadeIn(bannerFadeIn,function(){
            $(items[current]).hide();
            $(items[current]).css('z-index', zindex);
            current = rand;
            showedList[rand] = true;
            showed++;
            setTimeout(function(){
               showimg();
           }, bannerTimerOut);
        });
    }
}
function startBanner(url){
    $('#banner-center').append('<img src="'+url+'ban1.jpg" />');
    $('#banner-center').append('<img src="'+url+'ban2.jpg" />');
    $('#banner-center').append('<img src="'+url+'ban3.jpg" />');
    $('#banner-center').append('<img src="'+url+'ban4.jpg" />');
    $('#banner-center').append('<img src="'+url+'ban5.jpg" />');
    $('#banner-center').append('<img src="'+url+'ban6.jpg" />');
    $('#banner-center').append('<img src="'+url+'ban7.jpg" />');
    $('#banner-center').append('<img src="'+url+'ban8.jpg" />');
	$('#banner-center').append('<img src="'+url+'ban9.jpg" />');
	$('#banner-center').append('<img src="'+url+'ban10.jpg" />');
	$('#banner-center').append('<img src="'+url+'ban11.jpg" />');
	$('#banner-center').append('<img src="'+url+'ban12.jpg" />');
	$('#banner-center').append('<img src="'+url+'ban13.jpg" />');
	$('#banner-center').append('<img src="'+url+'ban14.jpg" />');
	$('#banner-center').append('<img src="'+url+'ban15.jpg" />');
	$('#banner-center').append('<img src="'+url+'ban16.jpg" />');
	$('#banner-center').append('<img src="'+url+'ban17.jpg" />');
    items = $('#banner-center img');
    items.each(function(i){
        $(items[i]).addClass('banner-image-'+i);
        last = i;
		showedList[i] = false;
    });
    if(last > 0){
        current = Math.floor(Math.random()*(last+1));
        $(items[current]).fadeIn(bannerFadeIn,function(){
            showed = 1;
            showedList[current] = true;
            setTimeout(function(){
                showimg();
            }, bannerTimerOut);
        });
    }
};