var siteData;
var defaultID;
var isIE;
var prevHash;

$(document).ready(function()
{	
	$.ajax({
		type: "GET",
		url: "assets/xml/data.xml",
		dataType: "xml",
		success: xmlLoaded
	});
	
	isIE = $.browser.msie;
	
	if(!isIE)
	{
		$(window).hashchange(function() 
		{ 
			loadContent(location.hash);
		});
	}
	else
	{
		setInterval(function()
		{
			if(location.hash != prevHash)
			{
				prevHash = location.hash;
				loadContent(location.hash);
			}
		}, 100);
	}
});

$(window).load(function()
{
	resize();
});

$(window).resize(function()
{
	resize();
});

function goHome()
{
	location.hash = defaultID;
}

function loadContent(id)
{
	var contentID = id.substr(1);
	var contentNode = $(siteData).find("content[id="+contentID+"]");
	if(contentNode.length == 0)
	{
		goHome();
		return;
	}
	var title = $(contentNode).find("title").text();
	var url = $(contentNode).find("url").text();
	var images = "";
	
	$(contentNode).find("images").find("image").each(function()
	{
		var imageURL = $(this).attr("url");
		images += '<div class="projectImage"><div class="images"><div><img class="contentImage" src="'+imageURL+'" /></div><div class="shadowLeft"><img src="assets/img/shadow_left.png" /></div><div class="shadowRight"><img src="assets/img/shadow_right.png" /></div></div></div>';
	});
	
	$("#content").html('<div class="header long">'+title+'</div><div class="viewBtn" onclick="window.open(\''+url+'\')">/VIEW</div>'+images+'</div>');
	
	$(".contentImage").load(function()
	{
		if(!isIE)
		{
			var parent = $(this).parent().parent();
			$(parent).find(".shadowLeft").css({"visibility": "visible"});
			$(parent).find(".shadowRight").css({"visibility": "visible"});
		}
	});
	
	$(".viewBtn").mouseover(function(){
		$(this).css({"background-color":"#ffffff", "color":"#111111"});
	});
	
	$(".viewBtn").mouseout(function(){
		$(this).css({"background-color":"#111111", "color":"#ffffff"});
	});
	
	resize();
}

function xmlLoaded(xml)
{	
	siteData = xml;
	defaultID = $(siteData).find("defaultID").attr("val");
	
	if(location.hash != "")
	{
		prevHash = location.hash;
		loadContent(location.hash);
	}
	else
	{
		prevHash = defaultID;
		goHome();
	}
}

function resize()
{
	var bodyWidth = $("body").innerWidth();
	if(bodyWidth >= 650)
	{
		$("#content").css({"width":bodyWidth-342});
		$(".long").css({"width":bodyWidth - 429});
	}
	//console.log($(document).width()+" : "+bodyWidth+" : "+(bodyWidth-429)+" : "+$(".long").css("left"));
}