var imagePath = "images/";
var showingPageImage = "news-page-img";
var localWatchData;

$(document).ready(function() {
	
	$("#nav1-a").bind("click", function() { loadPageData("read"); });
	$("#nav2-a").bind("click", function() { loadPageData("watch"); });
	$("#nav3-a").bind("click", function() { loadPageData("write"); });
	$("#nav4-a").bind("click", function() { loadPageData("home"); });
	
	$("#nav1-a").hover(function() { bringPNBDown(); }, function() { bringPNBUp(); });
	$("#nav2-a").hover(function() { bringPNBDown(); }, function() { bringPNBUp(); });
	$("#nav3-a").hover(function() { bringPNBDown(); }, function() { bringPNBUp(); });
	$("#nav4-a").hover(function() { bringPNBDown(); }, function() { bringPNBUp(); });
	
	document.getElementById('pnb-img').style.visibility = "visible";
	document.getElementById('fcu-img').style.visibility = "visible";
	document.getElementById('nav-items').style.visibility = "visible";
	document.getElementById('show-postcard').style.visibility = "visible";
	document.getElementById('content-window-container').style.visibility = "visible";
	document.getElementById('footer-legal').style.visibility = "visible";
	
	loadPageData("home");
});

function preloadImages() {
	var pageImages = new Array();
	for (i=0; i<preloadImages.arguments.length; i++) {
		pageImages[i] = new Image();
		pageImages[i].src = imagePath + preloadImages.arguments[i];
	}
}

function changeImage(id, src) {
	document.getElementById(id).src = src;
}

// Mimic head inline statements
preloadImages("content-bg.png","content-window-bg.png","bar-bg.png","top-bg.png","pnb.png","blue-triangle.png", "FCULogo.gif");

function loadPageData(page) {
	$("#content-window").html('<p>Loading...</p>');
	
	if(page=="read") {
		document.getElementById(showingPageImage).style.visibility = 'hidden';
		document.getElementById('read-page-img').style.visibility = "visible";
		showingPageImage = 'read-page-img';
		$.get('xml/read.xml', function(data) { parseRead(data); });
	} else if(page=="watch") {
		document.getElementById(showingPageImage).style.visibility = 'hidden';
		document.getElementById('watch-page-img').style.visibility = "visible";
		showingPageImage = 'watch-page-img';
		$.get('xml/watch.xml', function(data) { parseWatch(data); });
	} else if(page=="write") {
		document.getElementById(showingPageImage).style.visibility = 'hidden';
		document.getElementById('write-page-img').style.visibility = "visible";
		showingPageImage = 'write-page-img';
		$.get('xml/write.xml', function(data) { parseWrite(data); });
	} else if(page=="home") {
		document.getElementById(showingPageImage).style.visibility = 'hidden';
		document.getElementById('news-page-img').style.visibility = "visible";
		showingPageImage = 'news-page-img';
		$.get('xml/news.xml', function(data) { parseNews(data); });
	}
}
function parseNews(data) {
	var citems = $("item",data);
	var cHTML = '<ul id="news-content" style="display:none;">';
	for(var i=0; i<citems.length; i++) {
		cHTML += '<li>' + $('value',citems[i]).text() + '</li>';
	}
	cHTML += '</ul>';
	
	$("#content-window").html(cHTML);
	$("#news-content").fadeIn("slow");
}
function parseWrite(data) {
	var citems = $("item",data);
	var cHTML = '<div id="write-content" style="display:none;">';
	for(var i=0; i<citems.length; i++) {
		cHTML += $('value', citems[i]).text();
	}
	cHTML += '</div>';
	
	$("#content-window").html(cHTML);
	$("#write-content").fadeIn("slow");	
}

function parseWatch(data) {
	localWatchData = data;
	$.get('xml/youtubelist.asp', function(data) { fillYouTubeVideoList(data); });
}

function fillYouTubeVideoList(data) {
	var videos = $("entry",data);
	var videoListHTML = ''; var videoThumbnailSRC = ''; var videoTitle = ''; var videoDescription = ''; var videoLink = '';
	videoListHTML += '<table><tbody>';
	
	//$.xmlns["MEDIA"] = "media:";
	
	for(var i=0; i<videos.length; i++) {

		videoThumbnailSRC = $(videos[i]).find("thumbnail:first").attr("url");
		videoTitle = $(videos[i]).find("title:first").text();
		videoDescription = $(videos[i]).find("content[type='text']:first").text();
		videoLink = $(videos[i]).find("player:first").attr("url");
		/*videoTitle = $('title[type="text"]', videos[i]).text();
		videoDescription = $('content[type="text"]', videos[i]).text();
		videoLink = $('link[rel="alternate"]', videos[i]).attr("href");*/
		
		//if($('id', videos[i]).text() != 'NqzIcaF0lIA') {
			videoListHTML += '<tr>';
			videoListHTML += '<td style="padding:1.5em .5em;border-bottom:1px solid #DDD;vertical-align:top;"><a href="' + videoLink + '" target="_blank"><img src="' + videoThumbnailSRC + '"/></a></td>';
		
			videoListHTML += '<td style="padding: 0.5em .5em;border-bottom:1px solid #DDD;vertical-align:top;">';
			videoListHTML += '<p><a style="font-size:130%;" href="' + videoLink + '" target="_blank">' + videoTitle + '</a></p>';
			videoListHTML += '<p style="font-size:0.7em;">' + videoDescription + '</p>';
			videoListHTML += '</td>';
			videoListHTML += '</tr>';
		//}
		
		/*videoListHTML += '<div style="float:left;width:90%;vertical-align:top;">';
		videoListHTML += '<a href="' + videoLink + '" target="_blank"><img src="' + videoThumbnailSRC + '" style="margin-right:1em;"/></a>'
		videoListHTML += '<span style="vertical-align:middle;">';
		videoListHTML += '<span><a href="' + videoLink + '" target="_blank" style="font-size:150%;">' + videoTitle + '</a>';
		videoListHTML += '</span>';
		videoListHTML += '</span>' 
		videoListHTML += '</div>';*/
	}
	
	videoListHTML += '</tbody></table>';
	
	var citems = $("item",localWatchData);
	var cHTML = '<div id="watch-content" style="display:none;">';
	
	cHTML += '<div id="youtube-dynamic-list"></div>';
	
	cHTML += '<div style="float:left;">'
	
	for(var i=0; i<citems.length; i++) {
		cHTML += $('value', citems[i]).text();
	}
		
	cHTML += '</div></div>';
	
	$("#content-window").html(cHTML);
	
	$("#youtube-dynamic-list").html(videoListHTML);
	$("#watch-content").fadeIn("slow");
}

function parseRead(data) {
	var citems = $("item",data);
	var cHTML = '<div id="read-content" style="display:none;">';
	for(var i=0; i<citems.length; i++) {
		cHTML += $('value', citems[i]).text();
	}
	cHTML += '</div>';
	
	$("#content-window").html(cHTML);
	$("#read-content").fadeIn("slow");	
}

function bringPNBDown() { $("#pnb-img").attr("src", (imagePath + "pnb.png")); }
function bringPNBUp() { $("#pnb-img").attr("src", (imagePath + "pnb-cut.png")); }

function showVideo(embedurl) {
	document.getElementById('content-window-container').style.visibility = "hidden";
	setTimeout(function() {	 
		var embed = '<object width="425" height="350"><param name="movie" value="' + embedurl + '"></param><embed src="' + embedurl + '" type="application/x-shockwave-flash" width="425" height="350"></embed></object>';
		$("#video-container").html(embed + '<p><a href="javascript:hideVideo();">Close Video</a></p>');
		document.getElementById('video-container').style.visibility = "visible";
	}, 200);
}

function hideVideo() {
	$("#video-container").html('');
	document.getElementById('video-container').style.visibility = "hidden";
	document.getElementById('content-window-container').style.visibility = "visible";
}