/*
	Pull Region Details via AJAX
	Copyright© 2009 Justin Kercher
	Apollo Internet Media
*/
//Var made global to allow for AJAX Changes
//When zone is selected from Map
var TimezoneOffset = 0;  // adjust for time zone
	
//Page Functions
var czone = 0;
var cprevzone = 0;

//NEW array of layer names for regions
var maplayers = new Array(12);
maplayers[0] = "divWorld";
maplayers[1] = "divEurope";
maplayers[2] = "divChina";
maplayers[3] = "divRussia";
maplayers[4] = "divSEAsia";
maplayers[5] = "divAustralia";
maplayers[6] = "divSouthAsia";
maplayers[7] = "divFarEastAsia";
maplayers[8] = "divMidEastAsia";
maplayers[9] = "divUSA";
maplayers[10] = "divCanada";
maplayers[11] = "divNZ";

//global fading vars
var opac = 100;
ie5  = (document.all && document.getElementById);
ns6 = (!document.all && document.getElementById);


/***********************************************
 NEW JAvascript Clock based on Timezone
***********************************************/

function jsClockTimeZone(){
	
  // Copyright 1999 - 2001 by Ray Stott
  // OK to use if this copyright is included
  // Script available at http://www.crays.com/jsc
  
  var localTime = new Date()
  var ms = localTime.getTime() 
             + (localTime.getTimezoneOffset() * 60000)
             + TimezoneOffset * 3600000
  var time =  new Date(ms) 
  var hour = time.getHours() 
  var minute = time.getMinutes()
  var second = time.getSeconds()
  var temp = "" + ((hour > 12) ? hour - 12 : hour)
  if(hour==0) temp = "12"
  if(temp.length==1) temp = " " + temp
  temp += ((minute < 10) ? ":0" : ":") + minute
  temp += ((second < 10) ? ":0" : ":") + second
  temp += (hour >= 12) ? " PM" : " AM"
  document.getElementById("digits").innerHTML = temp
  setTimeout("jsClockTimeZone()",1000)
  }

/***********************************************/

function showZone(zoneID, zoneName, zoneRegion) {
	cprevzone = czone; // backup previous ref to hide clock layer
	czone = zoneID;
	document.getElementById("divZone").innerHTML = "<h1>"+zoneRegion+"<br><span style=\"font-size:1.0em;\">"+zoneName+"</span></h1>";
	document.getElementById("divZone").style.display = "block";
}
	
function resetZone() {
	document.getElementById("divZone").style.display = "none";	
}

function displayDetails(offset) {
	TimezoneOffset = parseInt(offset);
	document.getElementById("divSel").style.display = "none";
	displayZone(czone);	
}

function displayZone(zoneID) {
	xmlHttp=GetXmlHttpObject();
	if(xmlHttp==null) {
		alert("Your browser does not support the xmlHTTP object.");
		return false;
	}
	
	//url to email sender script
	var url="getzone.asp"
	
	//add parameters to the end
	url = url + "?zone=" + zoneID;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.open("GET", url, true);
	xmlHttp.send(null);
}

function stateChanged() {
	if(xmlHttp.readyState==4 || xmlHttp.readysState=="complete") {
		document.getElementById("divInfo").innerHTML = xmlHttp.responseText;
		document.getElementById("divInfo").style.display = "block";
	}
}

function GetXmlHttpObject() {
	var objXMLHttp=null;
	if(window.XMLHttpRequest) {
		objXMLHttp = new XMLHttpRequest();
	}
	else if(window.ActiveXObject) {
		objXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	return objXMLHttp;
}


/************************************************************

New function to display region maps using array.

*************************************************************/
function showRegionMap(mapID) {
	//loop all Layers except first and hide them all
	for (i = 1; i < maplayers.length; i++) {
		document.getElementById(maplayers[i]).style.display="none";
	}
		
	//now set the selected map to visible
	document.getElementById(maplayers[mapID]).style.display="block";
		
	//fade out world map to reveal europe map.
	fadeOut();
}

//function to fade world map out and hide
//revealing europe map
function showEurope() {
		//first we need to hide all other maps
		document.getElementById("divRussia").style.display = "none";
		document.getElementById("divChina").style.display = "none";
		
		//show europe map
		document.getElementById("divEurope").style.display = "block";
		
		//fade out world map to reveal europe map.
		fadeOut();
}

//revealing Russia map
function showRussia() {
		//first we need to hide all other maps
		document.getElementById("divRussia").style.display = "block";
		
		document.getElementById("divEurope").style.display = "none";
		document.getElementById("divChina").style.display = "none";
		
		//fade out world map to reveal europe map.
		fadeOut();
}

//revealing China map
function showChina() {
		//first we need to hide all other maps
		document.getElementById("divRussia").style.display = "none";
		document.getElementById("divEurope").style.display = "none";
		document.getElementById("divChina").style.display = "block";
		//fade out world map to reveal europe map.
		fadeOut();
}


//function to switch back to world map
function showWorld() {
		fadeIn();
}

	
	function fadeOut() {
		//clear existing time out to ensure image has time to display during slideshow mode.
		clearTimeout();
		if(opac > 0) {
	        opac-=2;
	        if(ie5) document.getElementById('divWorld').filters.alpha.opacity = opac;
	        if(ns6) document.getElementById('divWorld').style.MozOpacity = opac/100;
			document.getElementById("divWorld").style.KhtmlOpacity = opac / 100;
        	setTimeout('fadeOut()', 5);
		}
		else {
			//hide the layer to ensure we can click the lower layer
			document.getElementById("divWorld").style.display = "none";
		}
	}
	
	//fade in
	function fadeIn() {	
		if(opac < 100){
	        opac+=2;

			//ensure layer is blocked
			document.getElementById('divWorld').style.display="block";
						
	        if(ie5) document.getElementById('divWorld').filters.alpha.opacity = opac;
	        if(ns6) document.getElementById('divWorld').style.MozOpacity = opac/100;
			document.getElementById("divWorld").style.KhtmlOpacity = opac / 100;
        	setTimeout('fadeIn()', 10);
    	}
	}