window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);
var d=document, imgs = new Array(), zInterval = null, current=0, pause=false; txtdiv=null; imageholder=null; nIndex=0; gOpacity=0; readmore=null;links=null;
function so_init() {
	if(!d.getElementById || !d.createElement)return;

	//initialize objects

	//initialize div displays
	d.getElementById("imageContainer").style.display='none';
	d.getElementById("newsContainer").style.visibility='visible';
	d.getElementById("newsContainerx").style.visibility='visible';


	//image holder - from image object
	imageholder = d.getElementById("imageHolder");
	//images
	imgs = d.getElementById("imageContainer").getElementsByTagName("img");
	//fill images array

	//initialize text captions
	txtHolder = d.getElementById("textHolder");
	txts = d.getElementById("imageContainer").getElementsByTagName("input");
	txtHolder.innerHTML = txts[0].value;

	//readmore anchor
	readmore= d.getElementById("readMore");
	links = d.getElementById("imageContainer").getElementsByTagName("code");

	//initialize image holder with first image
	imageholder.style.opacity = 0.99;
	imageholder.src = imgs[0].src;
	readmore.href = links[0].title;

	setTimeout(aj_fade,2000);
}

function aj_fade(){
	nIndex = imgs[current+1]?current+1:0;

    //if an element is invisible, make it visible, else make it ivisible
    if(imageholder.style.opacity<=0.2) {
        opacity('imageHolder', 0, 100, 400);
        current = nIndex;
		imageholder.src = imgs[nIndex].src;
		txtHolder.innerHTML = txts[nIndex].value;
		readmore.href = links[nIndex].title

    } else {
       setTimeout("opacity('imageHolder',100,0,500)",2000);
    }

	setTimeout(aj_fade,3000);

}


function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
           showHide('hidden','txtFader');
           showHide('hidden','txtFaderx');

    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
	        textHolder
            timer++;
        }
            showHide('visible','txtFader');
            showHide('visible','txtFaderx');
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
//	alert(imageholder.style.opacity);

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

function showHide(flag, id) {
//	alert(imageholder.style.opacity);

    var object = document.getElementById(id).style;
    object.visibility = flag;
    //object.display = flag;
}