var img = [];
var cimg = 0;

var timeinterval = 6000;

img.push('/banner/i1.jpg');
img.push('/banner/i2.jpg');
img.push('/banner/i3.jpg');
img.push('/banner/i4.jpg');

var th = 41;





$(document).ready(function()
{
	 

	//<img src="'+img[0]+'"/>
	
	$('#bannerjq').html('<div id="jqin"></div>');
	//<img style="position:absolute" src="'+img[1]+'"/>
	
	
	$('#jqin').html('<img style="position:absolute" src="'+img[cimg]+'"/>');
	//
	
	setTimeout(function(){
		
			loadi();
			window.setInterval(loadi, timeinterval);
		
		},3000)
	
	
})


function loadi()
{
	cimg++;
	if(img.length <= cimg) cimg = 0;
	
	$('#jqin').append('<ul class="jqslide"></ul>');
	
	for(var i=0 ; i< 120; i++)
	{
		$('.jqslide').append('<li class="jqt"><img src="'+img[cimg]+'"/></li>');
		var xx = (i%20) * 41;
		var yy = Math.floor(i/20) * 41;
		
		if((Math.floor(i/20)%2) == 1) xx -= 20;
		
		var de = ((i%20) +  (Math.floor(i/20)*5))*80;
		
		$('.jqt').eq(i).css('marginLeft',(xx+20)+"px").css('marginTop',(yy+20)+"px").css('width','0px').css('height','0px');
		
		$('.jqt').eq(i).find('img').css('marginLeft',-xx+"px").css('marginTop',-yy+"px");
		
		if(i != (120-1))$('.jqt').eq(i).stop().delay(de).animate({marginLeft:xx,marginTop:yy,width:th,height:th},800)
		
		else
		{
			$('.jqt').eq(i).stop().delay(de).animate({marginLeft:xx,marginTop:yy,width:th,height:th},800,function(){
				
				$('#jqin').html('<img style="position:absolute" src="'+img[cimg]+'"/>');				
				})
		}
		
		
		//$('.jqt').eq(i).css('marginLeft',xx+"px").css('marginTop',yy+"px");
		
		//$('.jqt').eq(i).find('img').css('marginLeft',-xx+"px").css('marginTop',-yy+"px");
	}
	
	
}

// JavaScript Document