var fading_images = new Array();
var fading_image_links = new Array();
var fading_image_index = 0;
var fading_image_delay = 9000;
var fading_image_timer1 = null;
var fading_image_timer2 = null;
var fading_image_timer3 = null;

var fade_in_container_id = null;
var fade_out_container_id = null;

function rotate_image() {
	clearTimeout(fading_image_timer1);
	clearTimeout(fading_image_timer2);
	clearTimeout(fading_image_timer3);

	if (fade_in_container_id == "main_image_container2") {
		fade_in_container_id = "main_image_container";
		fade_out_container_id = "main_image_container2";
	}
	else {
		fade_in_container_id = "main_image_container2";
		fade_out_container_id = "main_image_container";
	}

	//var main_image_container1 = document.getElementById("main_image_container");
	//var main_image_container2 = document.getElementById("main_image_container2");

	Effect.Fade(fade_out_container_id, {to: 0.01});
	//Effect.Fade("banner_icon_container", {to: 0.01});

	fading_image_timer1 = setTimeout("document.getElementById(fade_in_container_id).style.backgroundImage='url('+fading_images[fading_image_index]+')'; document.getElementById(fade_in_container_id).onClick=\"document.location='+fading_image_links[fading_image_index]\"; document.getElementById('banner_icon_container').onClick=\"document.location='+fading_image_links[fading_image_index]\"; Effect.Appear(fade_in_container_id);", 500);

	fading_image_timer2 = setTimeout("update_banner_icon();", 500);

	fading_image_timer3 = setTimeout("rotate_image();", fading_image_delay);

	fading_image_index++;

	if (fading_image_index >= fading_images.length)
		fading_image_index = 0;
}

function update_banner_icon() {
	for (var i = 0; i <= 4; i++) {
		document.getElementById("banner_icon_" + i).src = document.getElementById("banner_icon_" + i).src.replace('100', '50');
	}

	document.getElementById("banner_icon_" + fading_image_index).src = document.getElementById("banner_icon_" + fading_image_index).src.replace('50', '100');
}

function update_banner_icon2(curimage, index) {
	for (var i = 0; i <= 4; i++) {
		document.getElementById("banner_icon_" + i).src = document.getElementById("banner_icon_" + i).src.replace('100', '50');
	}

	document.getElementById("banner_icon_" + index).src = document.getElementById("banner_icon_" + index).src.replace('50', '100');
}

function fade_to_image(target_index) {
	if (target_index == 0)
		fading_image_index = fading_images.length - 1;
	else
		fading_image_index = target_index - 1;

	rotate_image();
}

// source: http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
function getWindowWidth() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return myWidth;
  //window.alert( 'Width = ' + myWidth );
  //window.alert( 'Height = ' + myHeight );
}


function getElementX(element_id){
	var xPos = document.getElementById(element_id).offsetLeft;
	var tempEl = document.getElementById(element_id).offsetParent;

	while (tempEl != null) {
		xPos += tempEl.offsetLeft;
		tempEl = tempEl.offsetParent;
	}

	return xPos;
}