var axSpotlight;
var aSpotlight;
var bSpotlightHighlight = false;
var iCurrIdx = "";
var iRdmMax = 10;
var bNewsAvailable = false;


function setSpotlight_listing(){
	var sOut = '';
	var sResult = '';
	
	for(var i=0;i<aSpotlight.length;i++){
		sResult += '<tr valign="top">';
		sResult += '<td width="20" align="right"><img src="/global_images/citi50/pics/box_arrow.gif" width="15" height="15"></td>';
		sResult += '<td id="'+aSpotlight[i].id+'" class="deeplink" onClick=\'item_click('+aSpotlight[i].id+');\' onMouseOver="item_over('+aSpotlight[i].id+');" onMouseOut="item_out('+aSpotlight[i].id+');">'+aSpotlight[i].title+'</td>';
		sResult += '</tr>';
		
		if (i == 0) iCurrIdx = aSpotlight[i].id;
	}
	
	sOut += '<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#EFEFEF">';
	
	if (bNewsAvailable) {
		sOut += '<tr><td width="50%"><img src="/global_images/citi50/pics/left_topc.gif"></td><td bgcolor="#FFFFFF" width="50%"></td></tr>';
		sOut += '<tr><td width="50%" height="25" align="center" class="main_title">Spotlight</td><td bgcolor="#FFFFFF" width="50%" align="center"><a href="news.html" class="main_title">What\'s new</a></td></tr>';
		sOut += '<tr><td width="50%"></td><td width="50%" align="right"><img src="/global_images/citi50/pics/right_topc.gif"></td></tr>';
	}
	
	sOut += '<tr><td>&nbsp;</td><td>&nbsp;</td></tr>';
	sOut += '<tr><td colspan="2">';
	sOut += '<table width="100%" border="0" cellspacing="1" cellpadding="5">';
	sOut += sResult;
	sOut += '<tr><td>&nbsp;</td><td>&nbsp;</td></tr>';
	sOut += '</table>';
	sOut += '</td></tr><tr><td width="50%"><img src="/global_images/citi50/pics/left_bottomc.gif"></td><td width="50%" align="right"><img src="/global_images/citi50/pics/right_bottomc.gif"></td></tr></table>';
	
	if (document.location.search != "") {
		iCurrIdx = document.location.search.substring(4,document.location.search.length);
	}
	
	document.getElementById('listing').innerHTML = sOut;
	setSpotlight_detail();
}

function item_click(id){
	if (id != iCurrIdx) {
		document.getElementById(iCurrIdx).className='deeplink';
		iCurrIdx=id;
		setSpotlight_detail();
	}
}

function item_over(id){
	var obj = document.getElementById(id);
	if (id != iCurrIdx) {
		obj.className='deeplink_selected';
		obj.style.cursor='pointer';
	}
}

function item_out(id){
	var obj = document.getElementById(id);
	if (id != iCurrIdx) {
		obj.className='deeplink';
		obj.style.cursor='pointer';
	}
}

function setSpotlight_detail(){
	var sOut = '';
	var sResult = '';
	var oItem = new Object();
	
	for(var i=0;i<aSpotlight.length;i++){
		if (iCurrIdx == aSpotlight[i].id) {
			oItem = aSpotlight[i];
			break;
		}		
	}
	
	if (oItem != undefined) {
		document.getElementById(oItem.id).className='deeplink_selected';
		
		sOut = '<table width="100%" height="100%" border="0" cellspacing="1" cellpadding="1">';
		sOut += '<tr><td width="150" colspan="3">&nbsp;</td></tr>';
		sOut += '<tr><td width="150" valign="top"><img src="/global_images/citi50/assets/spotlight/'+oItem.large+'" width="246"></td><td>&nbsp;</td><td valign="top" class="content"><font class="sub_title">'+oItem.title+'</font><BR><BR><font style="text-align:justify">'+oItem.desc+'</font></td></tr>';
		sOut += '<tr><td width="150" colspan="3" height="20">&nbsp;</td></tr></table>';
		document.getElementById('detail').innerHTML = sOut;
		
		track('spotlight>'+replace(oItem.title,' ','_'));
	}
}


function getSpotlight_highlight(iMaxValue){
	iMaxValue -= 1;
	if (iMaxValue > aSpotlight.length) iMaxValue=aSpotlight.length-1;
	else if (iMaxValue < 0) iMaxValue=0;
	var iSelectedIdx = Math.round(Math.random()*iMaxValue);
	var sOut = "";	
	
	sOut = '<table width="100%"  border="0" cellspacing="0" cellpadding="0">';
	sOut += '<tr><td width="150">&nbsp;</td><td>&nbsp;</td></tr>';
	sOut += '<tr><td width="150" valign="top"><a href="spotlight.html?id='+aSpotlight[iSelectedIdx].id+'" class="deeplink" onMouseOver="this.className=\'deeplink_selected\';" onMouseOut="this.className=\'deeplink\';"><img src="/global_images/citi50/assets/spotlight/'+aSpotlight[iSelectedIdx].thumb+'" border="0"></a></td>';
	sOut += '<td valign="top" class="content"><a href="spotlight.html?id='+aSpotlight[iSelectedIdx].id+'" class="deeplink" onMouseOver="this.className=\'deeplink_selected\';" onMouseOut="this.className=\'deeplink\';" style="font-size:15px; " >'+aSpotlight[iSelectedIdx].title+'</a><br>'+aSpotlight[iSelectedIdx].highlight+'<BR><BR><img src="/global_images/citi50/pics/arrow.gif" width="9" height="7"> ';
	sOut += '<a href="spotlight.html?id='+aSpotlight[iSelectedIdx].id+'" class="deeplink" onMouseOver="this.className=\'deeplink_selected\';" onMouseOut="this.className=\'deeplink\';">Read more</a></td></tr></table>';
	document.getElementById("spotlight").innerHTML = sOut;	
	
	var spotlight_container = document.getElementById("spotlight_container");
	spotlight_container.style.MozOpacity = 0;
	spotlight_container.style.filter = "alpha(opacity=0)";		
	spotlight_container.style.display = '';
	opacity("spotlight_container", 0, 100, 200);	
	setTimeout("getSpotlight_highlight('"+iRdmMax+"')",6000);
}

function chkNews() {
	if (window.XMLHttpRequest) { 
		axSpotlight = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		axSpotlight = new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	var url = "xml/news.xml";
	axSpotlight.open("GET", url, true);
	axSpotlight.onreadystatechange = parseChkNews;
	axSpotlight.send(null);
}

function parseChkNews(){
	if (axSpotlight.readyState == 4) {
		if (axSpotlight.status == 200) {
			var xmldoc = axSpotlight.responseXML;
			var root = xmldoc.getElementsByTagName("list")[0];
			aSpotlight = new Array();
			
			if (root.childNodes.length > 0) bNewsAvailable = true;
			getSpotlight(false);
		}
	}
}

function getSpotlight(bHighlight) {
	bSpotlightHighlight = bHighlight;
	
	if (window.XMLHttpRequest) { 
		axSpotlight = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		axSpotlight = new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	var url = "xml/spotlight.xml";
	axSpotlight.open("GET", url, true);
	axSpotlight.onreadystatechange = parseSpotlight;
	axSpotlight.send(null);
}

function parseSpotlight() {
	if (axSpotlight.readyState == 4) {
		if (axSpotlight.status == 200) {
			var xmldoc = axSpotlight.responseXML;
			var root = xmldoc.getElementsByTagName("list")[0];
			aSpotlight = new Array();
			
			for (var i=0; i<root.childNodes.length; i++) {
				var nItem = root.childNodes.item(i);
				var oItem = new Object();
				
				if (nItem.nodeName == "item") {
					oItem.id =  nItem.getAttribute("id");
					oItem.date =  nItem.getAttribute("date");
					oItem.large =  nItem.getAttribute("large");
					oItem.thumb =  nItem.getAttribute("thumb");
					
					for (var j=0; j<nItem.childNodes.length; j++) {
						var nItemSub = nItem.childNodes.item(j);
						switch (nItemSub.nodeName) {
							case "title":
								oItem.title =  nItemSub.firstChild.nodeValue;								
								break;
							case "highlight":
								oItem.highlight =  nItemSub.firstChild.nodeValue;								
								break;
							case "desc":
								oItem.desc =  nItemSub.firstChild.nodeValue;								
								break;
						}
					}
					
					aSpotlight.push(oItem);
				}
			}
			
			if (bSpotlightHighlight) getSpotlight_highlight(iRdmMax);
			else setSpotlight_listing();
		}
	}
}