// HTML to slide though
var images = new Array(
  '<a href="http://www.facebook.com/fizwoz?sk=app_198907300193187" target="_blank"><img src="http://www.fizwoz.com/contest/373/images/760.jpg" width="733" height="280"></a>'
  ,'<a href="/?do=findfizers"><img src="'+sGmapURL+'" width="733" height="280"></a>');

// Title for each HTML element
var aHTMLTitle = new Array(
	'Recently Completed Contest'
	,'Where in the world are the fizzers?');
  
var imageWidth = 733;
var imageHeight = 280;
var imageTimeout = 5000;
var nextImage = 1;
var previousImage = 0;

function ajaxFunction(url,sFunction){
 	try {
		var sRetString="";
		var request = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP.3.0");
 		request.open("GET", url, true);
        request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
		request.onreadystatechange = function(){
			if (request.readyState == 4 && request.status == 200) {
				   if (request.responseText){
						sRetString=request.responseText;
						eval(sFunction);
                    }
               }
        };
        request.send(null);
	} catch(err) {
		flagError(err);
	}
}

function pageLoad() {

	oRotator=document.getElementById("RotatorIndicator");
	oRotator.innerHTML="";
	for (i=0;i<images.length;i++) {
		oRotator.innerHTML+='<a href="javascript:void(0);" onmouseover="StopRotation('+i+');"><img src="/v2/images/but_rotator1.png" id="Rotator'+i+'" width="11" height="11" alt="" /></a>\r\n';
	}
	document.getElementById("Rotator0").src="/v2/images/but_rotator2.png";
	document.getElementById("ContestTitle").innerHTML=aHTMLTitle[0];
  var el = document.getElementById('fading_image_container');
  while (el.firstChild) { el.removeChild(el.firstChild); }
  el.style.zIndex="2";
  el.style.width = imageWidth + 'px';
  el.style.height = imageHeight + 'px';

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

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

  }

  el.firstChild.style.visibility = 'visible';
	if (images.length>1) {
  sFaderId=window.setTimeout(startFading, imageTimeout);
  }
}

function startFading() {

	
  var el = document.getElementById('fading_image_container').childNodes[nextImage];
  	document.getElementById("Rotator"+previousImage).src="/v2/images/but_rotator1.png";
	document.getElementById("Rotator"+nextImage).src="/v2/images/but_rotator2.png";
	document.getElementById("ContestTitle").innerHTML=aHTMLTitle[nextImage];
  el.style.visibility = 'visible';
  el.style.zIndex = 2;
  setOpacity(el, 0);
  fadeImage(el,0);

  previousImage = nextImage;
  nextImage = (nextImage < images.length-1) ? nextImage + 1 : 0;

}

function fadeImage(el, currentOpacity) {

  currentOpacity += 2;

  if (currentOpacity > 100) {
    setOpacity(el, 100);
    var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
    prevEl.style.visibility = 'hidden';
    el.style.zIndex = 1;
    sFaderId=window.setTimeout(startFading, imageTimeout);
  }
  else {
    setOpacity(el, currentOpacity);
   sFaderId= window.setTimeout(function() { fadeImage(el, currentOpacity); }, 50);
  }

}

function setOpacity(el, opacity) {

	opacity /= 100;

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

}

function StopFade(nId,sSrc) {
	clearTimeout(sFaderId);
	
	for(i=0; i<images.length; i++) {
		el = document.getElementById('fading_image_container').childNodes[i];
		el.style.visibility = 'hidden';
	}
	el = document.getElementById('fading_image_container').childNodes[nId];
	el.style.visibility = 'visible';
  	el.style.zIndex = 2;
	setOpacity(el, 100);
	el.src=sSrc;
  
}

function StopRotation(nImage) { 
	clearTimeout(sFaderId);
	for (i=0;i<images.length;i++) {
		document.getElementById("Rotator"+i).src="/v2/images/but_rotator1.png";
		var el = document.getElementById('fading_image_container').childNodes[i];
		el.style.visibility = 'hidden';
	    el.style.zIndex = 1;
	}
	var el = document.getElementById('fading_image_container').childNodes[nImage];
	document.getElementById("ContestTitle").innerHTML=aHTMLTitle[nImage];
	el.style.visibility = 'visible';
    el.style.zIndex = 2;
	setOpacity(el, 100);
	document.getElementById("Rotator"+nImage).src="/v2/images/but_rotator2.png";
}

setTimeout('pageLoad()',0);