/*
DB_format JS:
var image	= new Array(
'banner_001.jpg',
'banner_002.jpg'
);
CSS:
#banner{
	display		: block;
}
#banner2{
	display		: none;
}
HTML
<div id="r_img" style="position:relative;width:850px;height:100px;">
	<img src="banner_001.jpg" id="banner" alt="" style="position:absolute;" />
	<img src="" id="banner2" alt="B2" style="position:absolute;" />
</div>

*/


$(document).ready(function(){
	//$('#bannerBox').css({background : "transparent url("+image[1]+")"});
	var rotateEnabled = image.length>1?true:false;
	if(rotateEnabled)rotateImg(7000);	//Start Rotate
	
});

var sel	= 0;
var B	= false;

function rotateImg(t){
	if(B){
		$('#banner').fadeOut(2000,
			function(){
				$('#banner').attr({src : image[sel]});
				$('#banner').fadeIn(2000,function(){
					sel++;
					if(sel>=image.length)sel = 0;
					$('#bannerBox').css({background : "transparent url("+image[sel]+")"});
					
					window.setTimeout('rotateImg('+t+')',t);
				}
				);
			}
		);
	}else{
		B	= true;
		sel++;
		if(sel>=image.length)sel = 0;
		$('#bannerBox').css({background : "transparent url("+image[sel]+")"});
		window.setTimeout('rotateImg('+t+')',t);
		
	}
	
	
}