document.write('<div id="spotlightContainer" style="width: 725px;"></div>');
FeedMillClient.getFeedGroup({
	feedGroupName: "FcWidget",
	maxImages: 1,
	imagesOnFirstPositionOnly: false,
	imageSizes: [{width:432,height:341}]
}, function(json) {
	var d = document;
	d.g = d.getElementById;
	d.c = d.createElement;
	
	var data = [];
	
	var style = function(el, obj) {
		for(var style in obj) {
			try {
				if (style == "Float") {
					el.style["cssFloat"] = obj[style];
				}
				else {
					el.style[style] = obj[style];
				}
			} catch(e) {}
		}
		
		return el;
	}
	
	for (var i = 0; i < parseInt(json.published.objects.length); i++) {
		var obj = json.published.objects[i];
		data[i] = {};
		var image = new Image();
		image.src = obj.images[0].sizes[0].filePath;
		data[i].image = image;
		data[i].title = obj.title;

		var link = null;
		if('AP'==obj.feedProvider && 'Articles'==obj.feedName) link = "/Finance/AP/Article?fmId=" + obj.id;
		else if(obj.clickThroughUrl) link = obj.clickThroughUrl;
		else if(obj.attributes.clickThroughUrl) link = obj.attributes.clickThroughUrl;
		else if('News 12'==obj.feedProvider) link = obj.attributes.URL;
		else if('Newsday'==obj.feedProvider) link = obj.attributes.link;
		else if('Hollywood'==obj.feedProvider) link = "/Entertainment/Movies/MovieDetails?movieId=" + obj.externalId;
		else if('MSG Varsity'==obj.feedProvider) link = obj.attributes.link;
		if(link != null && !link.match('^http')) link = "http://www.optimum.net" + link;
		data[i].link = link;

		var buttonImage = new Image();
		buttonImage.src = 'http://img.optimum.net/images/home/2009/btn_' + ((obj.contentType=='ART')?'read_story':((obj.contentType=='VID')?'video':'learn_more')) + '.gif';
		data[i].buttonImage = buttonImage;
		var providerLogo = new Image();
		var logo = 'http://img.optimum.net/images/home/2009/';
		if('AP'==obj.feedProvider) logo += "ap_news_logo2.gif";
		else if('News 12'==obj.feedProvider) logo += "News12_logo2.gif";
		else if('Newsday'==obj.feedProvider) logo += "Newsday_logo2.gif";
		else if('Reuters'==obj.feedProvider) logo += "reuters_logo2.gif";
		else if('MSG Varsity'==obj.feedProvider) logo += "Varsity_logo2.gif";
		else logo = null;
		providerLogo.src = logo;
		data[i].providerLogo = providerLogo;
	}
	
	var container = style(d.c("div"), {
		width: "725px",
		height: "250px",
		position: "relative",
		overflow: "hidden"
	});
	
	var leftContent = container.appendChild(style(d.c("div"), {
		width: "432px",
		height: "250px",
		overflow: "hidden",
		background: "#282828",
		textAlign: "center",
		cursor: "hand",
		cursor: "pointer"
	}));			
	
	var rightContent = container.appendChild(style(d.c("div"), {
		width: "285px",
		height: "250px",
		overflow: "hidden",
		right: "0px",
		top: "0px",
		position: "absolute"
	}));
	var business = leftContent.appendChild(style(d.c("div"), {
		color: "#417BB3",
		font: "12px Lucida Grande,Lucida Sans Unicode"
	}));
	business.appendChild(d.createTextNode("Business"));
	rightContent.appendChild(business);
	
	var title = leftContent.appendChild(style(d.c("div"), {
		color: "#555555",
		font: "22px Lucida Grande,Lucida Sans Unicode",
		cursor: "hand",
		cursor: "pointer",
		marginTop: "20px"
	}));
	rightContent.appendChild(title);
	
	var readStory = data[0].buttonImage;
	rightContent.appendChild(style(readStory, {
		position: "absolute",
		right: "20px",
		bottom: "110px",
		cursor: "hand",
		cursor: "pointer"
	}));
	
	var press = data[0].providerLogo;
	rightContent.appendChild(style(press, {
		position: "absolute",
		right: "10px",
		bottom: "65px"
	}));
	
	container.appendChild(style(d.c("div"), {
		clear: "both",
		height: "1px",
		overflow: "hidden"
	}));
	
	var bottomContent = container.appendChild(style(d.c("div"), {
		width: "725px",
		height: "59px",
		marginTop: "-59px",
		background: "url(http://img.optimum.net/images/home/2009/bar_news.png) no-repeat",
		position: "absolute"
	}));
	
	function prepareView(no) {
		var obj = data[no];
		leftContent.innerHTML = "";
		leftContent.appendChild(obj.image);
		title.innerHTML = obj.title;
		
		var click = function(link) {
			location.href = link;
		}
		readStory.src = obj.buttonImage.src;
		readStory.onclick = function() { click(obj.link); }
		leftContent.onclick = function() { click(obj.link); }
		title.onclick = function() { click(obj.link); }
		press.src = obj.providerLogo.src;
		
		createBottom(no);
	}
	
	function substring(str, count) {
		var result = "";
		var arr = str.split(" ");
		var len = 0;
		for(var i=0, l=arr.length; i<l; i++) {
			var s = arr[i].length;
			if(len + s > count) {
				result += "...";
				break;
			} else {
				len += s;
				result += arr[i] + " ";
			}
		}
		
		return result;
	}
	
	function createBottom(no) {
		bottomContent.innerHTML = "";
		for(var i=0, l=data.length; i<l; i++) {
			var el = bottomContent.appendChild(style(d.c("div"), {
				Float: "left",
				display: "inline",				
				width: "120px",
				marginLeft: "20px",
				font: "12px Lucida Grande,Lucida Sans Unicode",
				color: (no==i)?"#07B5D8":"#ffffff",
				marginTop: "11px",
				cursor: "hand",
				cursor: "pointer",
				position: "absolute",
				top: "0px",
				left: (140*i)+"px",
				background: (no==i)?"url(http://img.optimum.net/images/home/2009/tri_blue.gif) 0px 6px no-repeat":"url(http://img.optimum.net/images/home/2009/tri_gray.gif) 0px 6px no-repeat"
			}));
			if(no!=i) {
				el.onmouseover = function() {
					style(this, {
						color: "#07B5D8",
						background: "url(http://img.optimum.net/images/home/2009/tri_blue.gif) 0px 6px no-repeat"
					});
					style(this.firstChild, {
						color: "#07B5D8"
					});
				}
				el.onmouseout = function() {
					style(this, {
						color: "#ffffff",
						background: "url(http://img.optimum.net/images/home/2009/tri_gray.gif) 0px 6px no-repeat"
					});
					style(this.firstChild, {
						color: "#ffffff"
					});
				}
			}
			el.appendChild(style(d.c("div"), {
				width: "110px",
				marginLeft: "10px",
				color: (no==i)?"#07B5D8":"#ffffff"
			}));
			el.lastChild.innerHTML = substring(data[i].title, 25);
			el.onclick = function(i) {
				return function() {
					prepareView(i);
					if (interval) {
						clearInterval(interval);
					}
				}
			}(i);
			
		}
		bottomContent.appendChild(style(d.c("div"), {
			clear: "both",
			height: "1px",
			overflow: "hidden"
		}));
	}
	
	var rowNo = 0;
	
	prepareView(rowNo);
	
	d.g("spotlightContainer").appendChild(container);
	
	var interval = 0;
	window.onload = function(onload) { return function() {
		if(onload) onload();
		interval = setInterval(function(){
			if(rowNo == 4) {
				prepareView(0);
				clearInterval(interval);
				interval = 0;
			} else {
				prepareView(++rowNo);
			}
		}, 6000);
	}} (window.onload);
	
});