/*
DB_format JS:
var img	= new Array(
  0 = new Array('xxx.jpg'),
  1 = new Array('xxs.jpg','we.jpg')
);
HTML
<div id="imageBX" style="position:relative;width:850px;height:100px;">
	<img src="banner_001.jpg" id="imageX" alt="" style="position:absolute;" />
</div>

*/


$(document).ready(function(){
	for(var i=0; i<img.length; i++){
		var rotateEnabled = img[i].length>1?true:false;
		if(rotateEnabled)rotateImage(7000,'#image'+i,'#imageB'+i,i);	//Start Rotate
	}
	
});
var img		= new Array();
var selectImage	= new Array();
var changeImage	= new Array();

function rotateImage(t,id1,id2,i){
	if(changeImage[i]){
		try{
			$(id1).fadeOut(2000,
				function(){
					$(id1).attr({src : img[i][selectImage[i]]});
					$(id1).fadeIn(2000,function(){
						selectImage[i]++;
						if(selectImage[i]>=img[i].length)selectImage[i] = 0;
						$(id2).css({background : "url("+img[i][selectImage[i]]+")"});
						window.setTimeout('rotateImage('+t+',"'+id1+'","'+id2+'",'+i+')',t);
					}
					);
				}
			);
		}catch(e){}
	}else{
		changeImage[i]	= true;
		selectImage[i]++;
		if(isNaN(selectImage[i]))selectImage[i] = 1;
		try{
			if(selectImage[i]>=img[i].length)selectImage[i] = 0;
			$(id2).css({background : "url("+img[i][selectImage[i]]+")"});
			window.setTimeout('rotateImage('+t+',"'+id1+'","'+id2+'",'+i+')',t);
		}catch(e){}
		
	}
	
	
}