function hlOn(sName, sImage) {
	document.getElementById(sName).src=sImage;
}


// HTML to slide though
//  ,'<img src="images/ban_home.jpg" width="986" height="299" alt="KoreFusion" />'
var images = new Array(
 '<img src="images/ban_home4.jpg" width="871" height="299" alt="KoreFusion" />'
 ,'<img src="images/ban_home2.jpg" width="986" height="299" alt="KoreFusion" />'
 ,'<img src="images/ban_home3.jpg" width="937" height="299" alt="KoreFusion" />');

 var bgcolor = new Array(
 	//'#602222',
	'#2d1b67',
        '#282800',
	'#015392');
 
var imageTimeout = 7000;
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() {

	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 s = document.createElement('div');
	s.style.margin="0px auto";
	
	
    var t = document.createElement('div');
    //t.setAttribute('src',images[i]);
	t.innerHTML=images[i];
	oImage=t.getElementsByTagName("img")[0];
    t.setAttribute('width',oImage.width);
    t.setAttribute('height',oImage.height);
	s.style.width="100%";
    s.setAttribute('height',oImage.height);
	t.style.backgroundColor=bgcolor[i];
	s.style.position = 'absolute';
    s.style.visibility = 'hidden';
	t.style.margin="0px auto";
	t.style.zIndex="2";
	s.appendChild(t);
    el.appendChild(s);
  }

  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];
  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 += 5;

  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";
}