$(document).ready(function(){
	init_main_banner();
});

var total_banner_count = 0;
var total_banner_load  = 0;
var main_banner_do     = 0;
var current_banner     = 0;

function init_main_banner(){
	total_banner_count = $("#banner_container img").length;
	if(total_banner_count == 0)
		return false;
	setTimeout("check_banner_load_status()", 500);
}

function check_banner_load_status(){
	if(total_banner_count != total_banner_load)
		setTimeout("check_banner_load_status()", 500);
	else{
		$("#banner_container").css("background", "none");
		$("#banner_container").children("img:eq(0)").show();
		draw_banner_element();
	}	
}

function one_more_banner_load(){
	total_banner_load += 1;
}

function draw_banner_element(){	
	if(total_banner_count > 1){
		$("#main_banner_left").show();
		$("#main_banner_right").show();
		setTimeout("run_main_banner()", 10000);
	}
}

$(".chng_img_0").live("click", function(){
	if(main_banner_do == 1)
		return false;
		
	main_banner_do = 1;	
	var index_old  = current_banner;
	var index_new  = $(this).index();
	
	animate_main_banner(index_old, index_new);
});

$("#main_banner_left").live("click", function(){
	if(main_banner_do == 1)
		return false;
		
	main_banner_do = 1;	
	var index_old  = current_banner;
	var index_new  = index_old - 1;
	if(index_new < 0) index_new = total_banner_count - 1;
	animate_main_banner(index_old, index_new);
});

$("#main_banner_right").live("click", function(){
	if(main_banner_do == 1)
		return false;
		
	main_banner_do = 1;	
	var index_old  = current_banner;
	var index_new  = index_old + 1;
	if(index_new == total_banner_count) index_new = 0;
	animate_main_banner(index_old, index_new);
});

function run_main_banner(){
	if(main_banner_do == 1){
		setTimeout("run_main_banner()", 10000);
		return false;
	}	
		
	main_banner_do = 1;	
	var index_old  = current_banner;
	var index_new  = index_old + 1;
	if(index_new == total_banner_count) index_new = 0;
	animate_main_banner(index_old, index_new);
	
	setTimeout("run_main_banner()", 10000);
}

function animate_main_banner(index_old, index_new){
	$("#banner_container img:eq("+index_old+")").fadeOut(1000);
	
	$("#banner_container img:eq("+index_new+")").fadeIn(1000, function(){
		current_banner = index_new;
		main_banner_do = 0;
	});
}