$(document).ready(function() {
        
function sendRequest(url,callback,postData) {
	var req = createXMLHTTPObject();
	if (!req) return;
	var method = (postData) ? "POST" : "GET";
	req.open(method,url,true);
	req.setRequestHeader('User-Agent','XMLHTTP/1.0');
	if (postData)
		req.setRequestHeader('Content-type','application/x-www-form-urlencoded');
	req.onreadystatechange = function () {
		if (req.readyState != 4) return;
		if (req.status != 200 && req.status != 304) {
//			alert('HTTP error ' + req.status);
			return;
		}
		callback(req);
	}
	if (req.readyState == 4) return;
	req.send(postData);
}

var XMLHttpFactories = [
	function () {return new XMLHttpRequest()},
	function () {return new ActiveXObject("Msxml2.XMLHTTP")},
	function () {return new ActiveXObject("Msxml3.XMLHTTP")},
	function () {return new ActiveXObject("Microsoft.XMLHTTP")}
];

function createXMLHTTPObject() {
	var xmlhttp = false;
	for (var i=0;i<XMLHttpFactories.length;i++) {
		try {
			xmlhttp = XMLHttpFactories[i]();
		}
		catch (e) {

			continue;
		}
		break;
	}
	return xmlhttp;

}

function getClips(req) {
	var result = eval('(' + req.responseText + ')');
        var myClips = result.media;
	var First = myClips.shift();
	console.log('First: ', First);
	console.log('Rest: ', myClips);
	var str = '<div class="box"><div class="box2">';
	str += '<div class="story-highlight">';
	str += '<div class="img"><embed id="player_swf" src="http:\/\/cdn-akm.vmixcore.com\/core-flash\/UnifiedVideoPlayer\/UnifiedVideoPlayer.swf" quality="high" width="' + playerw + '" height="' + playerh + '" name="UnifiedVideoPlayer" align="middle" play="true" loop="false" quality="high" allowScriptAccess="always" allowFullScreen="true" wmode="transparent" type="application\/x-shockwave-flash" flashvars="player_id=' + playerid + '&token=' + First.token + '" pluginspage="http:\/\/www.adobe.com\/go\/getflashplayer"><\/embed></div>';
	str += '<div class="title"><a href="http://www.charlotteobserver.com/' + section + '/index.html?genres=' + genres + '&section=' + section + '&media_id=' + First.id + '&start=&limit=&total=">' + First.title + '</a></div>';
	str += '<div class="teaser"><p>' + First.description + '</p></div>';
	
	str += '<div class="links">';
	jQuery.each(myClips, function () {
	str += '<a href="http://www.charlotteobserver.com/' + section + '/index.html?genres=' + genres + '&section=' + section + '&media_id=' + this.id + '&start=&limit=&total="><span class="icon icon-video"/>' + this.title + '</a><br />';
	});
	str += '<span class="icon icon-bullet"/><a href="http://www.charlotteobserver.com/' + section + '/index.html?genres=' + genres + '&section=' + section + '&media_id=&start=&limit=&total=">All Videos</a><br />';
	str += '</div>';
	str += '</div>';
        str += '</div></div>';



	
	$('#results').html(str);
	}

sendRequest('http://www.charlotteobserver.com/static/phpscripts/ajax/apiproxy_medialist.php?vmix=media.php?action=getMediaList&genre_ids=' + genres + '&limit=' + limit + '&start=0', getClips);

});