var iTSTimer=0;
var iTSCount,iTSCur,iTSFading,iTSFastMove=0;
var iFadeDelay=10;
var Next ='./webdirectory/js/Next.gif';
var Prev='./webdirectory/js/Prev.gif';
var arItemTS = new Array();
function imageSlideShow(arItemTS,sWidth,sHeight) {
	var __html = '<div style="position:relative;width:'+ sWidth +'px;height:'+ sHeight +'px;">';
	iTSCount = arItemTS.length - 1;
	for (var i=0;i<=iTSCount;i++){
		__html += '	<div id="divTopStory'+ i +'" onmousemove="cleartopstorycounter();" style="overflow:hidden;position:absolute;'+ (i==0 ? 'left:0px' : 'left:-1000px') +';top:0px;width:362px;height:267px;">';
		__html += '		<a title="'+ arItemTS[i][2] +'" href="'+ arItemTS[i][1] +'"><img border="0" src="'+ arItemTS[i][4] +'" alt="'+ arItemTS[i][2] +'"></a>';	
		__html += '	</div>';
		__html += '	<div id="divTopStoryLayer'+ i +'" onmousemove="cleartopstorycounter();" style="'+ (i==0 ? 'left:0px' : 'left:-10000px') +';bottom:0px;width:'+ sWidth +'px;height:50px;Z-INDEX: 3; POSITION: absolute; FILTER: alpha(opacity=40); BACKGROUND-COLOR: black; OVERFLOW: hidden; opacity: 0.40; -moz-opacity: 0.40"></div>';
		__html += '	<div id="divTopStoryTitle'+ i +'" onmousemove="cleartopstorycounter();" style="'+ (i==0 ? 'left:0px' : 'left:-10000px') +';bottom:0px;width:'+ sWidth +'px;height:50px;Z-INDEX: 4; POSITION: absolute; OVERFLOW: hidden">';
		__html += '		<div style="FONT-FAMILY: Arial; COLOR: #d6f451; FONT-SIZE: 16px; padding-left:3px; OVERFLOW: hidden; CURSOR: pointer; FONT-WEIGHT: bold;" title="'+ arItemTS[i][2] +'" onclick="window.location=\''+ arItemTS[i][1] +'\'"> '+ arItemTS[i][2] +'</div>';	
		__html += '		<div style="FONT-FAMILY: Arial; COLOR: white; FONT-SIZE: 12px; FONT-WEIGHT: bold; padding-left:3px;"> '+ arItemTS[i][3] +'</div>';
		__html += '	</div>';
	}
	__html += '<div style="position: absolute; z-index: 6; right:3px; bottom:3px;">';
	__html += '<img src="'+ Prev +'" hspace="2" vspace="0" style="cursor:pointer" onclick="changetopstory(-1,false);">';
	__html += '<img src="'+ Next +'" hspace="2" vspace="0" style="cursor:pointer" onclick="changetopstory(1,false);">';
	__html += '</div>';
	__html += '</div>';
	isObj("imgSlideShow").innerHTML=__html;
	iTSCur=0;
	setInterval(function(){
		iTSTimer++;
		if (iTSTimer>60) {
			iTSTimer=0;
			changetopstory(1,true);
		}
	},60);
}

function changetopstory(direction,fade){
	var iTop, iBot;
	var oTop, oBot, oTopLayer, oBotLayer, oTopTitle, oBotTitle;
	iTop=iTSCur;
	iBot=iTop+direction;
	if (iBot<0) iBot=iTSCount;
	if (iBot>iTSCount) iBot=0;
	oTop = 'divTopStory'+iTop;
	oBot = 'divTopStory'+iBot;
	oTopLayer = 'divTopStoryLayer'+iTop;
	oBotLayer = 'divTopStoryLayer'+iBot;
	oTopTitle = 'divTopStoryTitle'+iTop;
	oBotTitle = 'divTopStoryTitle'+iBot;
	if (iTSFading==1){
		isObj('divTopStory'+(iTop+1)).style.left='-1000px';
		isObj('divTopStoryLayer'+(iTop+1)).style.left='-1000px';
		isObj('divTopStoryTitle'+(iTop+1)).style.left='-1000px';
		iTSFading=0;
	}
	iTSTimer=0;
	if (!fade){
		iTSFastMove=1;
		changeOpac(100,oBot);
		changeOpac(40,oBotLayer);
		changeOpac(100,oBotTitle);
		isObj(oTop).style.zIndex=1;
		isObj(oBot).style.zIndex=2;
		isObj(oBot).style.left='0px';
		isObj(oTop).style.left='-1000px';
		isObj(oBotLayer).style.left='0px';
		isObj(oTopLayer).style.left='-1000px';
		isObj(oBotTitle).style.left='0px';
		isObj(oTopTitle).style.left='-1000px';
		iTSFading=0;
		iTSCur=iBot;
	}
	else{
		iTSFastMove=0;
		changeOpac(100,oBot);
		changeOpac(0,oBotLayer);
		changeOpac(0,oBotTitle);
		isObj(oTop).style.zIndex=2;
		isObj(oBot).style.zIndex=1;
		isObj(oBot).style.left='0px';
		isObj(oBotLayer).style.left='0px';
		isObj(oBotTitle).style.left='0px';
		iTSFading=1;
		changingtopstory(iTop,iBot,0,100);
	}
}

function changingtopstory(iTop,iBot,iStep,iCurOpac){
	var oTop, oBot, oTopLayer, oBotLayer, oTopTitle, oBotTitle;
	oTop = 'divTopStory'+iTop;
	oBot = 'divTopStory'+iBot;
	oTopLayer = 'divTopStoryLayer'+iTop;
	oBotLayer = 'divTopStoryLayer'+iBot;
	oTopTitle = 'divTopStoryTitle'+iTop;
	oBotTitle = 'divTopStoryTitle'+iBot;
	if (iTSFading==1){
		if (iStep==0){
			if (iCurOpac>=0){
				changeOpac(iCurOpac,oTopTitle);
				changeOpac(iCurOpac*40/100,oTopLayer);
				iCurOpac-=5;
				setTimeout(function(){changingtopstory(iTop,iBot,0,iCurOpac)},iFadeDelay);
			}
			else{
				setTimeout(function(){changingtopstory(iTop,iBot,1,100)},2000);
			}
		}
		else if (iStep==1){
			if (iCurOpac>=0){
				changeOpac(iCurOpac,oTop);
				iCurOpac-=5;
				setTimeout(function(){changingtopstory(iTop,iBot,1,iCurOpac)},iFadeDelay);
			}
			else{
				iTSCur=iBot;
				isObj(oTop).style.left='-1000px';
				isObj(oTopLayer).style.left='-1000px';
				isObj(oTopTitle).style.left='-1000px';
				setTimeout(function(){changingtopstory(iTop,iBot,2,0)},100);
			}
		}
		else if (iStep==2){
			if (iCurOpac<=100){
				changeOpac(iCurOpac,oBotTitle);
				changeOpac(iCurOpac*40/100,oBotLayer);
				iCurOpac+=5;
				setTimeout(function(){changingtopstory(iTop,iBot,2,iCurOpac)},iFadeDelay);
			}
			else{
				iTSFading=0;
				iTSTimer=0;
			}
		}
	}
	else if (iStep<2 && iTSFastMove==0) {
		isObj(oBot).style.left='-1000px';
		isObj(oBotLayer).style.left='-1000px';
		isObj(oBotTitle).style.left='-1000px';
		iTSFading=0;
		iTSTimer=0;
	}
}

function cleartopstorycounter(){
	changeOpac(100,'divTopStory'+iTSCur);
	changeOpac(40,'divTopStoryLayer'+iTSCur);
	changeOpac(100,'divTopStoryTitle'+iTSCur);
	iTSFading=0;
	iTSTimer=0;
}

function changeOpac(opacity, id) {
	isObj(id).style.opacity = (opacity / 100);
	isObj(id).style.MozOpacity = (opacity / 100);
	isObj(id).style.KhtmlOpacity = (opacity / 100);
	isObj(id).style.filter = "alpha(opacity=" + opacity + ")";
}

function isObj(o){
	return document.getElementById(o) || document.all[o] || document[o];
}

