var axStories;
var aStories;
var bStoriesHighlight = false;
var iCurrIdx = "";
var iRdmStoriesMax = 1;

function setStories_listing(){
	var sOut = '';
	var sResult = '';
	
	for(var i=0;i<aStories.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 width="300" id="'+aStories[i].id+'" class="deeplink" onClick=\'item_click('+aStories[i].id+');\' onMouseOver="item_over('+aStories[i].id+');" onMouseOut="item_out('+aStories[i].id+');" align="left" >'+aStories[i].name+'</td>';
		sResult += '</tr>';
		
		if (i == 0) iCurrIdx = aStories[i].id;
	}
	
	sOut = '<table width="100%" border="0" cellspacing="1" cellpadding="5">';
	sOut += '<tr><td width="20">&nbsp;</td><td>&nbsp;</td></tr>';
	sOut += sResult;
	//sOut += '<tr><td class="content" colspan="2" style="font-size:10px;"><I>Look out for more videos. Coming soon.</I></td></tr>';
	sOut += '</table>';
	
	document.getElementById('listing').innerHTML = sOut;
	if (document.location.search != "") {
		iCurrIdx = document.location.search.substring(4,document.location.search.length);
	}
	//Add detail
	setStories_detail();	
}


function item_click(id){
	if (id != iCurrIdx) {
		document.getElementById(iCurrIdx).className='deeplink';
		iCurrIdx=id;
		setStories_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 setStories_detail(){
	var sOut = '';
	var sResult = '';
	var oItem = new Object();
	
	for(var i=0;i<aStories.length;i++){
		if (iCurrIdx == aStories[i].id) {
			oItem = aStories[i];
			break;
		}		
	}
	
	if (oItem != undefined) {
		document.getElementById(oItem.id).className='deeplink_selected';
		
		sOut = '<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">';
		sOut += '<tr><td width="150">&nbsp;</td></tr>';
		sOut += '<td valign="top">';
		sOut = '<table width="100%" height="100%" border="0" cellspacing="1" cellpadding="1">';
		sOut += '<tr><td valign="top">&nbsp;</td></tr>';
		sOut += '<tr><td valign="top">';
		sOut += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="350" height="310" id="player" align="middle">';
		sOut += '<param name="allowScriptAccess" value="sameDomain" />';
		sOut += '<param name="allowFullScreen" value="false" />';
		sOut += '<param name="wmode" value="transparent" />';
		sOut += '<param name="movie" value="/global_images/citi50/player.swf?path=assets/stories/'+oItem.flvpath+'" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />';
		sOut += '<embed src="/global_images/citi50/player.swf?path=assets/stories/'+oItem.flvpath+'" wmode="transparent" quality="high" bgcolor="#ffffff" width="350" height="310" name="player" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
		sOut += '</object></td></tr>';
		sOut += '<tr><td valign="top">&nbsp;</td></tr>';
		sOut += '<tr><td valign="top"><font class="sub_title">'+oItem.name+'</font></td></tr>';
		sOut += '<tr><td valign="top" class="content"><I>' + oItem.desc+'</I></td></tr>';
		sOut += '<tr><td height="20">&nbsp;</td></tr></table>';
		document.getElementById('detail').innerHTML = sOut;
		
		track('what_people_say>'+replace(oItem.name,' ','_'));
	}
}

function videoplayed(){
	var oItem;
	for(var i=0;i<aStories.length;i++){
		if (iCurrIdx == aStories[i].id) {
			oItem = aStories[i];
			break;
		}		
	}
	
	if (oItem != undefined) {
		track('what_people_say>'+replace(oItem.name,' ','_')+'>video_play');
	}
}


function getStories_highlight(iMaxValue){
	iMaxValue -= 1;
	if (iMaxValue > aStories.length) iMaxValue=aStories.length-1;
	var iSelectedIdx = Math.round(Math.random()*iMaxValue);
	var sOut = "";
	
	sOut = '<table width="100%"  border="0" cellspacing="0" cellpadding="0">';
	sOut += '<tr><td valign="top">&nbsp;</td></tr>';
	
	sOut += '<tr><td align="left">';
	sOut += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="300" height="265.7" id="player">';
	sOut += '<param name="allowScriptAccess" value="sameDomain" />';
	sOut += '<param name="wmode" value="transparent" />';
	sOut += '<param name="movie" value="/global_images/citi50/player.swf?path=assets/stories/'+aStories[iSelectedIdx].flvpath+'" /><param name="quality" value="high" />';
	sOut += '<embed src="/global_images/citi50/player.swf?path=assets/stories/'+aStories[iSelectedIdx].flvpath+'" wmode="transparent" quality="high" width="300" height="265.7" name="player" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
	sOut += '</object>';
	sOut += '</td></tr>';
	
	sOut += '<tr><td valign="top">&nbsp;</td></tr>';
	sOut += '<tr><td class="content"><a href="stories.html?id='+aStories[iSelectedIdx].id+'" class="deeplink" onMouseOver="this.className=\'deeplink_selected\';" onMouseOut="this.className=\'deeplink\';"><font style="font-size:12pt">'+aStories[iSelectedIdx].name+'</font></a>';
	sOut += '<BR><I>'+aStories[iSelectedIdx].highlight+'</I>';
	sOut += '<BR><BR><img src="/global_images/citi50/pics/arrow.gif" width="9" height="7"> <a href="stories.html" class="deeplink" onMouseOver="this.className=\'deeplink_selected\';" onMouseOut="this.className=\'deeplink\';">View more videos</a></td></tr></table>';
	
	document.getElementById("stories").innerHTML = sOut;	
}

function getStories(bHighlight) {
	bStoriesHighlight = bHighlight;
	
	if (window.XMLHttpRequest) { 
		axStories = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		axStories = new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	var url = "xml/stories.xml";
	axStories.open("GET", url, true);
	axStories.onreadystatechange = parseStories;
	axStories.send(null);
}

function parseStories() {
	if (axStories.readyState == 4) {
		if (axStories.status == 200) {
			var xmldoc = axStories.responseXML;
			var root = xmldoc.getElementsByTagName("list")[0];
			aStories = 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.flvpath =  nItem.getAttribute("flvpath");
					
					for (var j=0; j<nItem.childNodes.length; j++) {
						var nItemSub = nItem.childNodes.item(j);
						switch (nItemSub.nodeName) {
							case "name":
								oItem.name =  nItemSub.firstChild.nodeValue;								
								break;
							case "title":
								oItem.title =  nItemSub.firstChild.nodeValue;								
								break;
							case "highlight":
								oItem.highlight =  nItemSub.firstChild.nodeValue;								
								break;
							case "desc":
								oItem.desc =  nItemSub.firstChild.nodeValue;								
								break;
						}
					}
					
					aStories.push(oItem);
				}
			}
			
			if (bStoriesHighlight) getStories_highlight(iRdmStoriesMax);
			else setStories_listing();			
		}
	}
}