// JavaScript Document


var bannerDur=3500;
var imgBannerImges;
var banner_array;
var bannerWidth=608;
var bannerHeight=416;
var imgBannerImges= new Array();

imgBannerImges[0]="http://root.dealeron.com/assets/misc/2502/modelBar/images/accent_p.jpg";
imgBannerImges[1]="http://root.dealeron.com/assets/misc/2502/modelBar/images/elantra_p.jpg";
imgBannerImges[2]="http://root.dealeron.com/assets/misc/2502/modelBar/images/sonata_p.jpg";
imgBannerImges[3]="http://root.dealeron.com/assets/misc/2502/modelBar/images/azera_p.jpg";
imgBannerImges[4]="http://root.dealeron.com/assets/misc/2502/modelBar/images/genesis_p.jpg";
imgBannerImges[5]="http://root.dealeron.com/assets/misc/2502/modelBar/images/genesisCoupe_p.jpg";
imgBannerImges[6]="http://root.dealeron.com/assets/misc/2502/modelBar/images/elantraTouring_p.jpg";
imgBannerImges[7]="http://root.dealeron.com/assets/misc/2502/modelBar/images/tucson_p.jpg";
imgBannerImges[8]="http://root.dealeron.com/assets/misc/2502/modelBar/images/santafe_p.jpg";
imgBannerImges[9]="http://root.dealeron.com/assets/misc/2502/modelBar/images/veraCruz_p.jpg";

$('modelBannerLoader').style.background = 'url('+imgBannerImges[0]+')';
$('modelBannerLoader').style.width= bannerWidth + 'px';
$('modelBannerLoader').style.height= bannerHeight + 'px';
			
$('modelBannerAppear').style.background = 'url('+imgBannerImges[1]+')';
$('modelBannerAppear').style.width= bannerWidth + 'px';
$('modelBannerAppear').style.height=bannerHeight + 'px';

		
banner_array = new Array();
for (var i=0;i<=imgBannerImges.length-1;i++){
  var tmpImg = new Image(bannerWidth,bannerHeight);
	tmpImg.src = imgBannerImges[i];
	banner_array[i] = tmpImg;
}
	

var timer1=setTimeout("modelBannerAppear(0, 1)", 3500);
var timer2;
var timer3;
	 
function onmodelBannerAppear(one_id, two_id){	

	var	first_image = banner_array[one_id];
	first_image=first_image.src;

	var	second_image = banner_array[two_id];
	second_image=second_image.src;
	
	$('modelBannerLoader').style.background = 'url('+first_image+')';
	$('modelBannerAppear').style.display = 'none';
	$('modelBannerAppear').style.background = 'url('+second_image+')';
	
  clearTimeout(timer3);    
	timer2=setTimeout("modelBannerAppear("+one_id+", "+two_id+")", 500);		

		
}
	
function modelBannerAppear(pic_one_id, pic_two_id){
  clearTimeout(timer1);   
	clearTimeout(timer2); 
	if (updating) return;

    
	var one_id, two_id;
	new Effect.Appear('modelBannerAppear');
 		
	one_id = pic_two_id;
	if(pic_two_id == banner_array.length-1) 	two_id = 0;
			else 	two_id = pic_two_id+1;
		
	
	timer3= setTimeout("onmodelBannerAppear('"+one_id+"', '"+two_id+"');", 2500);
	//  setTimeout("modelBannerAppear("+one_id+", "+two_id+")", 3000);		
}