// JavaScript Document
//show OR hide funtion depends on if element is shown or hidden

function next_news(id,i) {
	if (id <= i-1 ) 
	{
		id+=1;
		if (document.getElementById) { // DOM3 = IE5, NS6
			if (document.getElementById(id).style.display == "none"){
				hide_all(i);
				document.getElementById(id).style.display = 'block';	
			} else {
				document.getElementById(id).style.display = 'none';			
			}	
		} else { 
			if (document.layers) {	
				if (document.id.display == "none"){
					hide_all(i);
					document.id.display = 'block';
				} else {
					document.id.display = 'none';
				}
			} else {
				if (document.all.id.style.visibility == "none"){
					hide_all(i);
					document.all.id.style.display = 'block';
				} else {
					document.all.id.style.display = 'none';
				}
			}
		}
	}
}
//////////////////////////////////////////////////////////////////////////////////////////////

function prev_news(id,i) {
	if (id >= i-1)
	{
		id-=1;
		if (document.getElementById) { // DOM3 = IE5, NS6
			if (document.getElementById(id).style.display == "none"){
				hide_all(i);
				document.getElementById(id).style.display = 'block';	
			} else {
				document.getElementById(id).style.display = 'none';			
			}	
		} else { 
			if (document.layers) {	
				if (document.id.display == "none"){
					hide_all(i);
					document.id.display = 'block';
				} else {
					document.id.display = 'none';
				}
			} else {
				if (document.all.id.style.visibility == "none"){
					hide_all(i);
					document.all.id.style.display = 'block';
				} else {
					document.all.id.style.display = 'none';
				}
			}
		}
	}
}
//////////////////////////////////////////////////////////////////////////////////////////////
function hide(id) { 
		if (document.getElementById) {document.getElementById(id).style.display = 'none';}					
}
//////////////////////////////////////////////////////////////////////////////////////////////
function show(id) { 
		if (document.getElementById) {document.getElementById(id).style.display = 'block';}		
		
}
//////////////////////////////////////////////////////////////////////////////////////////////
function hide_all(i){
	    for (j=1;j<=i;j++){
				hide(j);
		}
		

}

////////////////////////////////////////////////////////////////////////////////////////
/*
InitializeTimer();
var secs;
var timerID = null;
var timerRunning = false;
var delay = 1000;
var curr = 1;
var maxx = 3;
var h =1;

function InitializeTimer()
{
    // Set the length of the timer, in seconds
    secs = 6;
    StopTheClock();
    StartTheTimer();
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID);
    timerRunning = false;
}

function StartTheTimer()
{
    if (secs==0)
    {
		if (curr<=1) h = 1;
		if (curr>maxx-1) h= -1;
		if (h==1)
		{  next_news(curr,maxx);}
		else if(h==-1)
		{ prev_news(curr,maxx);}
        //document.form1.submit();
		curr+=h
		
		InitializeTimer()
    }
    else
    {
        self.status = secs;
        secs = secs - 1;
        timerRunning = true;
        timerID = self.setTimeout("StartTheTimer()", delay);
		//StartTheTimer()
    }
	
}*/
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////// 1 ///////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


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'; //pic
	d.getElementById("newsContainer").style.visibility='visible'; // tape
	d.getElementById("newsContainerx").style.visibility='visible'; // new text
	

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

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////// 2 ///////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

