var docNav = 'none';
var docContent = 'none';

$(document).ready(function() {
	document.getElementById('synopsisNav').onclick=function() {toggleDocHandler('synopsisNav','synopsisContent');};
	//document.getElementById('photosNav').onclick=function() {toggleDocHandler('photosNav','photosContent');};
	document.getElementById('creditsNav').onclick=function() {toggleDocHandler('creditsNav','creditsContent');};
	document.getElementById('newsNav').onclick=function() {getArticleSnippets('news');toggleDocHandler('newsNav','newsContent');};
	document.getElementById('pressNav').onclick=function() {getArticleSnippets('press');toggleDocHandler('pressNav','pressContent');};
	toggleDocHandler('synopsisNav','synopsisContent');
	$('#getMore').click(function() {getMore();});
	$(".subTitle DIV").hover(function(){							  
		if ($(this).css("color") == "rgb(255, 255, 255)") {
			$(this).css({"color":"yellow"});
		}
	},function(){
		if ($(this).css("color") == "yellow") {
			$(this).css({"color":"rgb(255, 255, 255)"});
		}
	});
	$("#footer").css({"top" : "0px"});
	$("#subNav").css({"top" : "0px"});
});

function toggleDocHandler(docNavName,docContentName) {
	if (docNav == docNavName) {
		//do nothing
	} else if (docNav == 'none') {
		toggleDoc(docNavName,docContentName);
		$("#"+docNavName).css({"color" : "#eaff95"});
	} else {
		toggleDoc(docNav,docContent);
		$("#"+docNav).css({"color" : "rgb(255, 255, 255)"});
		toggleDoc(docNavName,docContentName);
		$("#"+docNavName).css({"color" : "#eaff95"});
	}
	docNav = docNavName;
	docContent = docContentName;
}

function toggleDoc(docNavName,docContentName) {
	if (docNavName && docContentName) {
		//var col = document.getElementById(docNavName).style;
		//col.color = (col.color==''||col.color=='#FFFFFF'||col.color=='white'|| col.color=='rgb(255, 255, 255)')?'#eaff95':'';
		var disp = document.getElementById(docContentName).style;
		disp.display = (disp.display==''||disp.display=='block')?'none':'block';
	} else {
		reportProblem('toggleDoc');
	}

}

function getMore() {
	$.ajax({
		url: './php/getContent.php',
		data: {'name' : 'documentaryContent'},
		type: 'GET',
		dataType: 'html',
		timeout: 2000,
		error: function() {
			alert('The server is not responding. Please try again in a few minutes.')
		},
		success: function(html) {
			html = html.replace(new RegExp("^[\\s]+", "g"), "");
			html = "<div id=\"fullContent\">" + html + "</div>";
			$("#synopsisContent").html(html);
		}
	});
}


function getArticleSnippets(type) {
	$.ajax({
		url: 'php/getArticleSnippets.php',
		data: {'type' : type},
		type: 'GET',
		dataType: 'XML',
		timeout: 2000,
		error: function() {
			alert('The server is not responding. Please try again in a few minutes.')
		},
		success: function(xml) {
			var data;
			var articleSnippets = "";
			if (jQuery.browser.msie) {
				data = new ActiveXObject('Microsoft.XMLDOM');
				data.async = false;
				data.loadXML(xml);
			} else {
				data = xml;
			}
			$(data).find('articleSnippet').each(function() {
				var id = $(this).find("id").text();
				var title = $(this).find("title").text();
				var content = $(this).find("content").text();
				content = String(content).substring(0,120);
				articleSnippets += "<div class=\"newsSnippet\"><a href=\""+type+".php?id="+id+"\"><h3>"+title+"</h3><p>"+content+"...</p></a></div><br />";		
			});
			$("#"+type+"Content").html(articleSnippets);
		}
	});
}