// JavaScript Document
 

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