autoCycleLimit = 3; killautoCycle = false; autoCycleCount = 0;

function autoCycle(arg){
	if(arg == 'kill'){killautoCycle = true;}
	else if(arg == 'revive'){killautoCycle = false;autoCycleCount = 0;}
	else if(arg == 'increment'){autoCycleCount++;}
	else if(arg == 'negate'){autoCycleCount--;}
	//alert(autoCycleCount)
}

ie7=0; agt=navigator.userAgent.toLowerCase(); if(document.all){if((agt.indexOf("msie 5")==-1)&&(agt.indexOf("msie 6")==-1)){ie7=1;}}
			
BREAKINGNEWS = false;
function init(){
	
	if((document.all)&&(!ie7)){document.getElementById('mainimgcontainer').className = "mainimgcontainerIE"}
	
	feedPath = '/xmldata/ajaxScope?section=';
	feedHost = environShift;
	XMLDocPath = 'http://'+feedHost+feedPath+vortexContext[0]+'&id='+subIndexID;
	loadXMLDoc(XMLDocPath,'renderXML');

	autoCycleCount = 0;
}

hovering = false; singleitem = false;
currPos = 0;
function navigateImages(pos,dir,ev){
	
	eObj('related','style.display','none');eObj('container','style.visibility','hidden');eObj('mainimg','style.visibility','hidden');
	playCue('off',currPos);
	
	if(dir){
		if(dir=='back'){
			pos--;
			if(playing){playImages('stop');}
		}else if(dir=='next'){
			pos++;
			if(playing){playImages('stop');}
		}else{
			pos++;
		}
	}

	if(pos==0){
		butType = 'backbut';
		nextPos = 1;
	}else if(pos<0){
		butType = 'backbut';
		pos = viewSetArr.length-1;
		nextPos = 0;
	}else if(pos==viewSetArr.length){
		pos = 0;
		nextPos = 1;
	}
	
	if(!singleitem){
		eObj('chip'+currPos,'className','chip');eObj('chip'+pos,'className','chipon');
	}
	
	chngImg(pos);

	document.getElementById('headline').innerHTML = '<a href="'+shiftURL(urlSetArr[pos])+'" onclick="_hbPageView(\''+ linkTrackingSetArr[pos] + mediaSetArr[pos] + '\',\'' + location.host  + '\');">'+headlineSetArr[pos]+'</a>';
	document.getElementById('topheadline').innerHTML = '<a href="'+shiftURL(urlSetArr[pos])+'" onclick="_hbPageView(\''+ linkTrackingSetArr[pos] + mediaSetArr[pos] + '\',\'' + location.host  + '\');">'+headlineSetArr[pos]+'</a>';
	
	document.getElementById('caption').innerHTML = '<a href="'+shiftURL(urlSetArr[pos])+'" onclick="_hbPageView(\''+ linkTrackingSetArr[pos] + mediaSetArr[pos] + '\',\'' + location.host  + '\');">'+mtStyle(mediaSetArr[pos])+captionSetArr[pos]+'</a>';
	
	relatedSet_2 = '<div class="relatedheaddiv"><h3>RELATED</h3><img src="/images/site/vortex/spacer.gif" alt="" border="0" id="relatedtab" /></div><ul>';innerTypeTemp = '';mediatypeTemp = '';
	relatedSetArr_2 = relatedSetArr[pos].split('~');
	numberOfRelatedItems = relatedSetArr_2.length-1;
	
	for(k=0;k<numberOfRelatedItems;k++){
		innerTypeTemp = relatedSetArr_2[k].split('`');
		mediatypeTemp = mtStyle(innerTypeTemp[0]);
		relatedSet_2 += '<li><a href="'+shiftURL(innerTypeTemp[1])+'" onclick="_hbPageView(\''+ innerTypeTemp[2] + innerTypeTemp[3] + '\',\'' + location.host  + '\');">'+mediatypeTemp+''+innerTypeTemp[4]+'</a></li>';
	}
	relatedSet_2 += '</ul>';

	if(numberOfRelatedItems > 0){
		document.getElementById('related').innerHTML = relatedSet_2;
		eObj('related','style.display','block');
		
		//**********Adjustments**********//
		headCapDif = docjslib_getRealTop('caption')-docjslib_getRealTop('headline');
		capRelDif = docjslib_getRealTop('relatedtab')-docjslib_getRealTop('caption');
		headRelDif = docjslib_getRealTop('relatedtab')-docjslib_getRealTop('headline');
		
		if(headRelDif>121){
			document.getElementById('related').style.display = 'none';
		}else{
			document.getElementById('related').style.display = 'block';
		}
		
		if((headRelDif==87)&&(numberOfRelatedItems>2)){
				document.getElementById('related').className = 'relatedOffsetY2';
		}else{
			document.getElementById('related').className = 'related';
		}
		
	}else{
		document.getElementById('related').className = 'related';
	}
	
	if(playing){playImages('proceed');}
	currPos = pos;
}


function shiftURL(jsStr){
	try {
		if(jsStr){
			if(jsStr.charAt(0) == "/"){
				return 'http://'+feedHost+jsStr;
			}else{
				if(jsStr.substring(0,23) == "javascript:openPopup(\'/"){
					jsStrTemp = jsStr.split("javascript:openPopup(\'/");
					jsStr = "javascript:openPopup(\'"+"http://"+feedHost+"/"+jsStrTemp[1];
				}
				return jsStr;
			}
		}else{
			return 'javascript:void(0);';	
		}
	}catch(e){}
}

function chngImg(){
	try{if(arguments[0]!='mainimg'){
		document.getElementById('mainimgurl').innerHTML = '';
		mainimgurlContainer = document.getElementById('mainimgurl');
		mainimg = document.createElement('img');
		mainimg.src = 'http://'+feedHost+viewSetArr[arguments[0]];//'http://'+environShift+
		mainimg.id = 'mainimg';
		mainimgurlContainer.appendChild(mainimg);
		intUrl = shiftURL(urlSetArr[arguments[0]]);
		mainimgurlContainer.href = intUrl;
		mainimgurlContainer.onclick = '_hbPageView(\''+ linkTrackingSetArr[arguments[0]] + mediaSetArr[arguments[0]] + '\',\'' + location.host  + '\');';
		
		eObj('mainimg','style.visibility','visible');eObj('container','style.visibility','visible');

	}}catch(e){}
}


autoclose = true;
function toggleView(){
	for(a=0;a<arguments.length;a++){
		if(!playing){
			if(eObjVal(arguments[a],'style.display')=='block'){
				eObj(arguments[a],'style.display','none');
			}else{
				eObj(arguments[a],'style.display','block');
			}
			if(arguments[a+1]){
				if(eObjVal(arguments[a+1],'style.display')=='block'){
					eObj(arguments[a+1],'style.display','none');
				}else{
					eObj(arguments[a+1],'style.display','block');
				}
			}
			autoclose = false;
		}
	a = a+1;
	}
}

cued = false;
function playCue(cue,p){
	if(cue == 'off'){
		cued = false;
		eObj('chip'+p,'className','chip');
	}else{
		cued = true;
		eObj('chip'+p,'className','chipplaycue');
	}
}

playing = false;playSpeed = 10000;playInterval = false;forceddelay = 0;cueInterval = false;
function playImages(override,forceddelay){
	clearTimeout(playInterval);clearTimeout(cueInterval);
	if(!singleitem){
		if((!playing)||(override=='proceed')){
			if((autoCycleCount/totalNum >= autoCycleLimit)&&(currPos==viewSetArr.length-1)){
				playing = false;currPos = 0;
				init();
			}else{
				forceddelay = forceddelay?forceddelay:0;
				playSpeed = playSpeed + forceddelay;
				playInterval = setTimeout("navigateImages(currPos,'play','auto')",playSpeed);
				cueInterval = setTimeout("playCue(false,currPos)",playSpeed-3000);
				document.getElementById('playlink').innerHTML = '<img src="/images/site/vortex/spacer.gif" alt="pause" border="0" class="pausebut" />';
				document.getElementById('playlink').title = 'pause';
				playing = true;
				autoCycle('increment');
			}			
		}else{
			if(cued){playCue('off',currPos);}
			playing = false;
			document.getElementById('playlink').innerHTML = '<img src="/images/site/vortex/spacer.gif" alt="play" border="0" class="playbut" />';
			document.getElementById('playlink').title = 'play';
		}
		playSpeed = 10000;forceddelay = 0;
	}else{
		playing = false;
	}
	
}

function renderXML(){
	if (xmlhttp.readyState==4){
		if (xmlhttp.status==200){
				xmlobj = setStories(xmlhttp.responseXML);				
		}else{
				loadXMLDoc('/css/vortex/vortex_error.xml','renderXML');
		}
	}
}

function chipHover(st,id,type){
	cbgc = st?'chiphover':'chip';
	if(st){
		if(currPos==id){
			cbgc = cued?'chipplaycue':'chipon';
		}
	}else{
		if(currPos==id){
			cbgc = cued?'chipplaycue':'chipon';
		}
	}

	document.getElementById(type+id).className = cbgc;
	hovering = st?true:false;
}

function setChips(){
	document.getElementById('chips').innerHTML = '';
	var chipContainer = document.getElementById('chips');

	for (i=0;i<totalNum;i++){
		
		chip = document.createElement('span');
		chip.id = 'chip'+i;
		chipContainer.appendChild(chip);
		chipNumber = document.createTextNode(i+1);
		chip.appendChild(chipNumber);
		document.getElementById('chip'+i).className = 'chip';
		document.getElementById('chip'+i).onmouseover = function(){
			idS = this.id.toString();idT = idS.split('chip');idT = idT[1];
			chipHover(true,idT,'chip');
		}
		document.getElementById('chip'+i).onmouseout = function(){
			chipHover(false,idT,'chip');
		}
		document.getElementById('chip'+i).onclick = function(){
			idS = this.id.toString();idT = idS.split('chip');idT = idT[1];
			autoCycle('negate');
			navigateImages(idT);
		}
	}
}

function tagsToLowerCase(html){
	//**praise be to The Wolf, Mike D. and Google for this solution**//
    html = html.replace(/([a-z])\s*(=)\s*("|')/gi, '$1$2$3');
    if (parts = html.match(/(<\/?[a-z][a-z0-9]*| [a-z]+=)/gi))
    {
        for (var i = 0; i < parts.length; i++)
        {
            var part = parts[i];
            html = html.replace(new RegExp(part, 'g'), part.toLowerCase());
        };
    };
    return html;
}

function handleTopHeadlines(){
	thDataStr = '';
	eObj('top_headlines','style.display','none');
	thData = tagsToLowerCase(document.getElementById('top_headlines').innerHTML);
	thData = thData.split('</ul>');	thData = thData[0].split('<ul>'); thData = thData[1]; thData = thData.split('<li>');
	for(i=1;i<4;i++){
		thDataStr += '<li>'+thData[i];
	}
	document.getElementById('thbreaking').innerHTML = '<h4>Other Top Stories</h4>'+thDataStr;
	eObj('thbreaking','style.display','block');
	
}


function setStories(data){
	str = '';
	viewSetArr = [];captionSetArr = [];urlSetArr = [];headlineSetArr = [];linkTrackingSetArr = [];mediaSetArr = [];//setup parallel arrays
	relatedSet = '';
	currPos = 0;
	totalNum = 0;
	var xmlArr = data.getElementsByTagName('item');
	
	
	
	for (i=0;i<xmlArr.length;i++){
		headlineStrTemp = regex(getNodeValue(xmlArr[i],'title'),'"','&quot;');
		headlineSetArr.push(regex(headlineStrTemp,"'","\'"));
		
		viewSetArr.push(getNodeValue(xmlArr[i],'details','image'));

		captionStrTemp = regex(getNodeValue(xmlArr[i],'details'),'"','&quot;');
		captionSetArr.push(regex(captionStrTemp,"'","\'"));
		
		urlSetArr.push(regex(getNodeValue(xmlArr[i],'details','url'),"'","\'"));
		linkTrackingSetArr.push(regex(getNodeValue(xmlArr[i],'details','linktracking'),"'",""));
		mediaSetArr.push(getNodeValue(xmlArr[i],'details','media'));
		
		relatedTemp = '';mediatypeTemp = '';relatedURLTemp = '';
		relatedObjTemp = xmlArr[i].getElementsByTagName('related');
		if(relatedObjTemp.length>0){
			for(j=0;j<relatedObjTemp.length;j++){
				mediatypeTemp = getNodeValue(xmlArr[i],'related','media',j);
				relatedURLTemp = regex(getNodeValue(xmlArr[i],'related','url',j),"'","\'");
				relLinkTrackingTemp = regex(getNodeValue(xmlArr[i],'related','linktracking',j),'"','');
				relLinkLocationTemp = getNodeValue(xmlArr[i],'related','linklocation',j);
				
				relatedTemp = regex(getNodeValue(xmlArr[i],'related',false,j),'"','&quot;');
				relatedTemp = regex(relatedTemp,"'","\'");				
				
				relatedSet += mediatypeTemp+'`'+relatedURLTemp+'`'+relLinkTrackingTemp+'`'+relLinkLocationTemp+'`'+relatedTemp+'~';
			}
		}
		relatedSet = relatedSet+'^';
		totalNum++;
	}
	
	
	str += '';
	relatedSetArr = relatedSet.split('^');
	
	setChips();
	navigateImages(0,false);
	
	if(totalNum>1){
		singleitem = false;
		eObj('controls','style.display','block');eObj('chips','style.display','block');
	}else{
		singleitem = true;
		eObj('controls','style.display','none');eObj('chips','style.display','none');
	}

	if(!singleitem){
		playImages();
	}
}

function renderVortex(subid){
subIndexID = subid?subid:'';
document.write('\
<div id="mastercontainer" class="mastercontainer">\
<div id="container" class="container">\
<div id="playcue"></div>\
<div id="topheadline" class="topheadline"></div>\
<div id="mainimgcontainer" class="mainimgcontainer">\
<a href="javascript:void(0);" id="mainimgurl" class="mainimgurl">\
<img src="/images/site/vortex/spacer.gif" id="mainimg" class="mainimg" border="0" /></a></div>\
<div id="headline" class="headline"></div>\
<div id="caption" class="caption"></div>\
<div id="related" class="related"></div>\
<div id="thbreaking" class="thbreaking"></div>\
</div>\
<div id="controls" class="controls">\
<!--<span id="moretitle"></span><span id="currentImageNumber"></span><span>&nbsp;of&nbsp;</span><span id="totalItems"></span>-->\
<div id="chips" class="chips"></div>\
\
<div class="controlbuttons">\
<a href="javascript:navigateImages(currPos,\'back\');" title="previous"><img src="/images/site/vortex/spacer.gif" alt="previous" border="0" id="backbut" /></a>\
<a href="javascript:playImages();" id="playlink" title="pause"><img src="/images/site/vortex/spacer.gif" alt="" border="0" class="pausebut" /></a>\
<a href="javascript:chngImg(\'mainimg\',\'src\',\'\');navigateImages(currPos,\'next\');" title="next"><img src="/images/site/vortex/spacer.gif" alt="next" border="0" id="nextbut" /></a></div>\
</div>\
</div>');

	init();
}