// JavaScript Document
var timer = "";
var banners = new Array();
var banners_url = new Array();
var banners_title = new Array();

var delay = 2000;
var current = -1;
var current_obj = "";

function rotateBanner () {

		current++;
		
		if (current >= banners.length) {
			current = 0;	
		}
		var new_pos = -1*(parseInt(current)*476);
		var new_select_pos = ((parseInt(current)+1)*81)-40;
		$(".promo_banner .view_port div").animate({
											   left: new_pos+"px"
											   }, 500);
		
		$("#view_port_title").html(banners_title[current]);
		$("#view_port_link").attr("href", banners_url[current]);
		$("#selector_"+current).animate({
							  backgroundColor: "#da251c",
							  color: "#ffffff"
							  }, 200);
		
		if (current_obj != "") {
			$("#"+current_obj.id).attr("tool_listing");
			$("#"+current_obj.id).animate({
								  backgroundColor: "#f7f7f7",
								  color: "#d8251e"
								  }, 200);
		}
		
		$(".promo_banner .selector").css("display", "none");
		$(".promo_banner .selector").css("top", 31+((32*(current))+(2*current))+"px");
		$(".promo_banner .selector").fadeIn(200);
		
		current_obj = document.getElementById("selector_"+current);
		
		timer = setTimeout("rotateBanner("+current+")", delay);
		
}
function RotatingBanners() {
	
	var IE = document.all?true:false
	
	
	
	this.width = 476;
	this.height = 235;
	
	this.gotoPage = function (e) {
		var obj = "";
		if (e != null) {
			obj = e.target;	
		}
		else {
			obj = event.srcElement;
		}	
		
		var id = obj.rel;
		
		
		window.location = banners_url[id];
	}
	this.loadBanner = function (banner, banner_url, banner_title) {
		banners[banners.length] = banner;	
		banners_url[banners_url.length] = banner_url;	
		banners_title[banners_title.length] = banner_title;	
	}
		
	this.initBanners = function(view_port) {
		this.view_port = view_port;
		
		if (document.getElementById(view_port) != null) {
		
			for (i = 0; i < banners.length; i++) {
				var temp = document.createElement("img");
				temp.width = this.width;
				temp.height = this.height;
				temp.src = "resize/resize_banner.php?img="+banners[i];
				temp.rel = i;
				temp.style.cursor = "pointer";
				if (IE) {
					temp.onclick = this.gotoPage;	
				}
				else {
					temp.addEventListener("click", this.gotoPage, true);	
				}
				$("#"+view_port+" div").append(temp);
			}
			
			for (i = 0; i < banners.length; i++) {
				var temp = document.createElement("div");
				temp.className = "tool_listing";
				temp.style.paddingLeft = "8px";
				temp.style.paddingTop = "8px";
				temp.style.height = "19px";
				temp.style.cursor = "pointer";
				temp.innerHTML = banners_title[i];
				temp.id = "selector_"+i;
				
				if (IE) {
					temp.onclick = this.setBanner;
				}
				else {
					temp.addEventListener("click", this.setBanner, true);
				}
				
				$(".promo_hover").append(temp);
				
				if (i != banners.length -1) {
					var temp = document.createElement("div");
					temp.className = "tool_spacer";
					temp.style.margin = "0px";
					$(".promo_hover").append(temp);
				}
				

			}
			


				
			rotateBanner();


		
		}
		
	}
	
	
	
	this.playBanners = function () {
		timer = setTimeout("rotateBanner()", delay);	
	}

	
	this.setBanner = function(e) {
		clearTimeout(timer);
		
		var obj = "";
		if (e != null) {
			obj = e.target;	
		}
		else {
			obj = event.srcElement;
		}
		
		var temp = obj.id.split("_");
		var pos = temp[1];
		if (pos != current) {
			
			var new_pos = -1*(parseInt(pos)*476);
			var new_select_pos = ((parseInt(pos)+1)*81)-40;
			$(".view_port div").animate({
												   left: new_pos+"px"
												   }, 500);
			$("#view_port_title").html(banners_title[pos]);
			$("#view_port_link").attr("href", banners_url[pos]);
			$("#"+obj.id).animate({
								  backgroundColor: "#da251c",
								  color: "#ffffff"
								  }, 200);
			
			if (current_obj != "") {
				$("#"+current_obj.id).attr("tool_listing");
				$("#"+current_obj.id).animate({
									  backgroundColor: "#f7f7f7",
									  color: "#d8251e"
									  }, 200);
			}
			
			$(".promo_banner .selector").css("display", "none");
			$(".promo_banner .selector").css("top", 31+((32*(pos))+(2*pos))+"px");
			$(".promo_banner .selector").fadeIn(200);
			
			current_obj = obj;
			current = pos;
		}
		
		//timer = setTimeout("rotateBanner()", delay);
	}
}