//inititalize global delay variable
var g_active = 0;

//delay in milliseconds
//1 second = 1000
var g_settings_delay = 500;

//opacity
var g_settings_opacity_start = 20;
var g_settings_opacity_end = 100;
var g_settings_opacity_delay = 1000;

//images for preload
var img_array = new Array();

//banner
img_array[0] = "/paginator/img/banner1.jpg";
img_array[1] = "/paginator/img/banner2.jpg";
img_array[2] = "/paginator/img/banner3.jpg";
img_array[3] = "/paginator/img/banner4.jpg";
img_array[4] = "/paginator/img/banner5.jpg";

//tabs
img_array[5] = "/paginator/img/tab1.jpg";
img_array[6] = "/paginator/img/tab2.jpg";
img_array[7] = "/paginator/img/tab3.jpg";
img_array[8] = "/paginator/img/tab4.jpg";
img_array[9] = "/paginator/img/tab5.jpg";


function changeImage(tabIndex) 
{
  newImage = "url(/paginator/img/tab" + tabIndex + ".jpg)";
  document.getElementById('tab_layer').style.backgroundImage = newImage;
  
  for(i = 1; i <= 5; i++) {
  	document.getElementById('tab' + i).className = "TopNavigation";
	document.getElementById('tab_layer' + i).style.display = "none";
  }
  document.getElementById('tab' + tabIndex).className = "TopNavigationSelected";
  document.getElementById('tab_layer' + tabIndex).style.display = "block";

  changeOpac(0, 'banner'); 
  newBanner = "url(/paginator/img/banner" + tabIndex + ".jpg)";
  document.getElementById('banner').style.backgroundImage = newBanner;
  opacity('banner', g_settings_opacity_start, g_settings_opacity_end, g_settings_opacity_delay);
}

function delayedTab(tabIndex) 
{
	clearTab();
	g_active = window.setTimeout("changeImage(" + tabIndex + ")", g_settings_delay);
	//return active;
}

function clearTab() 
{
	window.clearTimeout(g_active);
}

function preLoadImages()
{
	for (i=0; i < img_array.length; i++) {
		var Img = new Image();
		Img.src = img_array[i];
	}        	
}



//opacity change
function opacity(id, opacStart, opacEnd, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    if (opacStart > opacEnd) {
        for (i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", timer * speed);
            timer++;
        }
    } else if (opacStart < opacEnd) {
        for (i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", timer * speed);
            timer++;
        }
    }
}

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = opacity / 100;
    object.MozOpacity = opacity / 100;
    object.KhtmlOpacity = opacity / 100;
    object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
    if (document.getElementById(id).style.opacity == 0) {
        opacity(id, 0, 100, millisec);
    } else {
        opacity(id, 100, 0, millisec);
    }
}

function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    changeOpac(0, imageid);
    document.getElementById(imageid).src = imagefile;
    for (i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')", timer * speed);
        timer++;
    }
}

function currentOpac(id, opacEnd, millisec) {
    var currentOpac = 100;
    if (document.getElementById(id).style.opacity < 100) {
        currentOpac = document.getElementById(id).style.opacity * 100;
    }
    opacity(id, currentOpac, opacEnd, millisec);
}