// JavaScript Document
window.onload = initBannerLink;


//Global Variables
var ease_IO = -306;
var opacity = 0;
var actl_stps = 0;
var f_hover = false;
var src_index = 0;
var object

//easeInOut initial value
var easeIOmax = easeInOut(0,6,8,29,3);

//banner rotation image holder
var adImages = new Array("images/Banners/banner1.png", 
						 "images/Banners/banner2.png", "images/Banners/banner3.png","images/Banners/banner4.png","images/Banners/banner5.png","images/Banners/banner6.png","images/Banners/banner7.png","images/Banners/banner8.png","images/Banners/banner9.png","images/Banners/banner10.png");
var thisAd = 0;
var adURL = new Array("ecuador.php?pg_name=Ecuador", "ecuador.php?pg_name=Ecuador", 
					  "seychelles.php?pg_name=Seychelles","ecuador.php?pg_name=Ecuador","guam.php?pg_name=Guam","panama.php?pg_name=Panama","panama.php?pg_name=Panama","home.php?pg_name=Home","samoa.php?pg_name=Samoa","mexico.php?pg_name=Mexico");

//initializes the banner image and calls the newLocation function when the onclick event is triggered
function initBannerLink() {
	
	for (var z=0; z<document.images.length; z++) {
		if (document.images[z].parentNode.tagName == "A") {
			if (z == 9 || z == 5 || z==6 || z == 7 || z==8 || z==10 || z==11 || z==12 || z==13 || z==14){
				setupRollover(document.images[z]);
			}
		}
	}

	if (document.getElementById("adBanner").parentNode.tagName == "A"){
			document.getElementById("adBanner").parentNode.onclick = newLocation;
	}
	
	rotate();
	//blend(adBanner);

	
	for (var i=0; i<document.links.length; i++) {
		document.links[i].target = "content";
		document.links[i].onclick = setiFrame;
	}
}

//rotates the banner display
function rotate() {
	thisAd++;
	if (thisAd == adImages.length) {
			thisAd = 0;
	}
	
	document.getElementById("adBanner").src = adImages[thisAd];
	
	blend(adBanner);
	actl_stps = 0;
	ease_IO = -306;
	
	

	/*setTimeout("rotate()", 4 * 1000);*/
	setTimeout("rotate()", 4000);
	
	
}

//points to the new web location
function newLocation() {
		document.location.href = "../" + adURL[thisAd];
		return false;
}

//runs a recursive fucntion that mimics blending animation
function blend(obj){
	
	
	object = obj.style;
	
	//frames incremented
	actl_stps++;
	//uses a css style to mimic bleding by using opacity object
	ease_IO += easeInOut(0,6,8,actl_stps,-1.5);
	//obj.style.left = ease_IO + easeInOut(0,6,8,actl_stps,-1.5)+"px";
	//obj.style.top = ease_IO + easeInOut(0,6,8,actl_stps,-1.5)+"px";
	
	//Calculates the opacity according to the value of the easeInOut
	//opacity = (100 / easeIOmax) * easeInOut(0,6,8,actl_stps,3);
	opacity = (100 / easeIOmax) * easeInOut(0,6,8,actl_stps,3);
	//creates opacity
	object.opacity = (opacity / 101);
	object.MozOpacity = (opacity / 101);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
	//checks if the limit is reached then run the timer "setTimout"
	if(actl_stps < 30)
		if (f_hover == false)
			{
			window.setTimeout("blend(" +obj.id+ ")", 0);
			/*window.setTimeout("blend(" +obj.id+ ")", 0);*/
			//return true;
			}
		else 
			return false;
}
//Ease In Out function 
function easeInOut(minValue, maxValue, totalSteps, actualStep, powr) {
	//easeInOut generator
	var delta = maxValue - minValue;
	var stepp = minValue+(Math.pow(((1 / totalSteps) * actualStep), powr) * delta);
	//retur stepp;
	return Math.round(stepp);
}

function setupRollover(thisImage) {
	
switch(thisImage.id)
		{
			case "samoa_dot":
			  src_index = 9;
			  break;    
			case "guam_dot":
			  src_index = 5;
			  break;
			case "panama_dot":
			  src_index = 7;
			  break;
			case "seychelles_dot":
			  src_index = 3;
			  break;
			case "las_vegas_dot":
			  src_index = 8;
			  break;
			case "mexico_dot":
			  src_index = 10;
			  break;
			case "mauritius_dot":
			  src_index = 1;
			  break;
			case "ecuador_dot":
			  src_index = 4;
			  break;
			default:
			  src_index = 6;
		}
		
	thisImage.outImage = new Image();
	thisImage.outImage.src = thisImage.src;
	thisImage.onmouseout = rollOut;

	thisImage.overImage = new Image();
	thisImage.overImage.src = "images/" + thisImage.id + "_dwn.png";
	thisImage.overImageBanner = new Image();
	thisImage.overImageBanner.src = "images/Banners/banner" + src_index + ".png";
	if (src_index != 6)
	thisImage.onmouseover = rollOver_w_banner;
	else
	thisImage.onmouseover = rollOver;
	
	
	thisImage.clickimage = new Image();
	thisImage.clickimage.src = "images/" + thisImage.id + "_clk.png";
	thisImage.onmousedown = onClickImage;
	
	thisImage.mouseBtnUp = new Image();
	thisImage.mouseBtnUp.src = "images/" + thisImage.id + "_dwn.png";
	thisImage.onmouseup = onMouseUp;
}

function rollOver_w_banner() {
	this.src = this.overImage.src
	
	//This changes the banner image during map location rollover
	document.getElementById("adBanner").src = this.overImageBanner.src;
		
	
}

function rollOver() {
	this.src = this.overImage.src
	
}

function rollOut() {
	actl_steps = 0;
	this.src = this.outImage.src;
/*	if(f_hover == true)
		f_hover = false;
*/}

function onClickImage() {
	this.src = this.clickimage.src;
}

function onMouseUp() {
	this.src = this.mouseBtnUp.src;
}