function getTwitterPic()
{
	var twitterpost = document.getElementById("twitter_update_list").childNodes[0].innerHTML;
	//alert(twitterpost);
	var linkIndex = twitterpost.indexOf('>http://') + 1;
	var endLink = twitterpost.indexOf('</a>');
	var link = twitterpost.substring(linkIndex, endLink) + "/full";
	var IE = navigator.appName =="Microsoft Internet Explorer";
	if (IE)
	{
		endLink = twitterpost.indexOf('</A>');
		link = twitterpost.substring(linkIndex, endLink) + "/full";
	}

	$.post('./getTwitter.php', {query: link}, function(data){
		var indexOfImg = data.indexOf("<img src=\"http://");
		var endOfImg = data.indexOf("</body>") - 2;
		var imgUrl = data.substring(indexOfImg, endOfImg);
		var pureUrl = data.substring(indexOfImg + 9, endOfImg);
		var imgHTML = '<a href="' + pureUrl + '" rel="Box" id="twitterImg">' + imgUrl + "width='180' style='border: 0px'/></a>";
		var innerText = document.getElementById("twitter_update_list").childNodes[0].childNodes[0].innerHTML;
		var IE = navigator.appName =="Microsoft Internet Explorer";
		var twitterHTML = "";
		if (innerText.indexOf('<a') > 0)
		{
			var postedText = innerText.substring(0,innerText.indexOf('<a'));
			if (IE)
			{
				var postedText = innerText.substring(0,innerText.indexOf('<A'));
			}
			var twitterHTML = "<br><b>" + postedText + '</b><br><br>' + imgHTML;
		}
		else
		{
			twitterHTML = "<br><b>" + innerText + "</b><br><br>";
		}
		
		$('#twitterContent').html(twitterHTML);
		SetBoxTags();
	});
	
}

function getPage(url) {
	$.get(url, function(data){
	$('#content').fadeTo(300, 0.0, function(){
	  document.getElementById("content").innerHTML = data;
		if (url == "news.html")
		{
			getNews();
		}
		if (url == "gigs.html")
		{
			getGigs();
		}
		if (url == "guestbook.html")
		{
			getGuestbook();
			if (getCookieValue("sendMessage")=="True")
			{
				document.getElementById("form").style.display = "none";
			}
		}
		if (url == "pics.php")
		{
			ModifyGalleryLinks();
		}
		SetBoxTags();
		$('#content').fadeTo("slow", 1.0, function(){
			});
		});
	});
}

function getPictures(item)
{
	var url = "pics.php?subdir='" + item.name + "'";
	$.post(url, {} , function(data){
	$('#content').fadeTo(300, 0.0, function(){
		document.getElementById("content").innerHTML = data;
		SetBoxTags();
		$('#content').fadeTo("slow", 1.0, function(){
		});
	});
});
}

function getNews()
{
	$.ajax({
		type: "GET",
		url: "news.xml",
		cache: false,
		dataType: "xml",
		success: function(xml) {
			$(xml).find('item').each(function(){
				var id = $(this).attr('id');
				var title = $(this).find('title').text();
				var added = $(this).find('added').text();
				var content = $(this).find('content').text();
				var newsItem = "<table style=\"width: 100%\"><tr><td class=\"newsTitle\">" + title + "</td><td class=\"newsDate\">" + added + "</td></tr><tr><td class=\"newsContent\" colspan=\"2\">" + content + "</td></tr></table><br>";
				$('#page-wrap').append(newsItem);
			});
		}
	});
}

function getGigs()
{
		$.ajax({
			type: "GET",
			url: "gigs.xml",
			cache: false,
			dataType: "xml",
			success: function(xml) {
				$('#page-wrap').append("<table style='width: 100%' id='gigsTable'></table>");
				var gigColumns = "<tr><td class=\"newsTitle\" style='width: 100px; padding-right: 10px;'>When</td><td class=\"newsTitle\">Where</td><td class=\"newsTitle\">What</td></tr>";
				$('#gigsTable').append(gigColumns);
				$(xml).find('item').each(function(){
					var when = $(this).find('when').text();
					var where = $(this).find('where').text();
					var what = $(this).find('what').text();
					
					var MD_Y=when.substring(11,15);
					var MD_M=when.substring(7,10); 
					var MD_D=when.substring(4,6);
					var dateString = MD_M + " " + MD_D + ", " + MD_Y; //MM DD, YYYY
					var DObj=new Date(dateString);
					var currentTime = new Date()
					var gigItem;
					if (DObj>currentTime)
					{
						gigItem = "<tr><td class=\"gigWhenToCome\">" + when + "</td><td class=\"gigWhereToCome\">" + where + "</td><td class=\"gigWhatToCome\">" + what + "</td></tr>";
					}
					else
					{
						gigItem = "<tr><td class=\"gigWhen\">" + when + "</td><td class=\"gigWhere\">" + where + "</td><td class=\"gigWhat\">" + what + "</td></tr>";
						
					}
					$('#gigsTable').append(gigItem);
				});
			}
		});
}

function getFirstUpcommingGig()
{
	$.ajax({
	type: "GET",
	url: "gigs.xml",
	cache: false,
	dataType: "xml",
	success: function(xml) {
		var firstUpcommingGig = "";
		$(xml).find('item').each(function(){
			var when = $(this).find('when').text();
			var where = $(this).find('where').text();
			var what = $(this).find('what').text();
			var url = $(this).find('url').text();
		
			var MD_Y=when.substring(11,15);
			var MD_M=when.substring(7,10); 
			var MD_D=when.substring(4,6);
			var dateString = MD_M + " " + MD_D + ", " + MD_Y; //MM DD, YYYY
			var DObj=new Date(dateString);
			var currentTime = new Date();
			var gigItem;
			if (DObj>currentTime)
			{
				firstUpcommingGig = "<a href='" + url + "' target='_blank'>" + where + "<br>" + when + "<br></a><div class=\"newsContent\">" + what + "</div>";
			}
			else
			{
				$('#nextGig').append(firstUpcommingGig);
				return false;
			}
			});
		}
	});
}	


function lightBoxImage(item)
{
		var image = item.name;
		var bodyHeight = document.body.offsetHeight;
    	var body = "<div id='lightbox'>" +
    			   "<div class=\"lightbox_bg\" id='lightbox_bg' style=\"display: block; position: absolute; height:" + bodyHeight + "px; width: 100&\"></div>" +
    			   "</div>";
    	$('#body').append(body);
    	$("#lightbox_bg").fadeTo("slow", 0.7, function(){
    	    
    	    
    	    var links = document.getElementsByTagName("a");
    	    var currentIndex = 0;
			for(var l = 0; l < links.length; l++)
			{
				var element = links[l];
				if (element.rel == "Box")
				{
					if(element.name == image)
					{
						currentIndex = l;
						break;
					}
				}
			}
			
			var previousLink;
			var nextLink;
			
			if (l > 0)
			{
				if(links[l -1].getAttribute("rel") == "Box")
				{
					previousLink = links[l -1];
				}
			}
			if (l < links.length - 1)
			{
				nextLink = links[l + 1];
			}
			
			var hiddenElement = document.createElement("div");
			hiddenElement.id = 'hiddenDiv';
			hiddenElement.style.visibility = "hidden";
			hiddenElement.innerHTML = "<img src='" + image + "' id='hiddenImage'>";
			var width = hiddenElement.getElementsByTagName('img')[0].width - 15;
			var DivWidth = hiddenElement.getElementsByTagName('img')[0];
			var marginleft = -20;
			var IE = navigator.appName =="Microsoft Internet Explorer";
			if (IE)
			{
				marginleft = 70;
			}
			var lightBoxContent = "<div class=\"modal\" id='modal' style='position: absolute; margin-left:" + marginleft + "px; text-align: center; filter:alpha(opacity=00);opacity: 0.0; width: " + DivWidth + "px'>" +
    			   				  "<a href='javascript:void(0);' onclick='removeLightBox();' style='position: absolute; float: left; padding-left: " + width + "px; margin-top: -13px;'><img src='layout/img/fancy_closebox.png' style='border: 0px;'></a>" + 
    			   				  "<img src='" + image + "' onclick='removeLightBox();'><br>";
    		if (previousLink != null)
    		{
    		    if (IE)
    		    {
    		        lightBoxContent = lightBoxContent + "<a href='javascript:void(0);' id='previousLink' style='margin-right: 5px;'><img src='layout/img/previous.png' style='border: 0px;'></a>";
    		    }
    		    else
    		    {
    		        lightBoxContent = lightBoxContent + "<a href='javascript:void(0);' id='previousLink' style='float: left; margin-left: 5px;'><img src='layout/img/previous.png' style='border: 0px;'></a>";
    		    }
    			
    		}
			if (nextLink != null)
			{
				if (IE)
				{
					lightBoxContent = lightBoxContent + "<a href='javascript:void(0);' id='nextLink' style='margin-left: 5px;'><img src='layout/img/next.png' style='border: 0px;'></a>";
				}
				else
				{
					lightBoxContent = lightBoxContent + "<a href='javascript:void(0);' id='nextLink' style='float: right; margin-right: 5px;'><img src='layout/img/next.png' style='border: 0px;'></a>";
				}
			}
			lightBoxContent = lightBoxContent + "</div>";
    		$("#lightbox").append(lightBoxContent);
    		var nextLinkActual = document.getElementById("nextLink");
    		var previousLinkActual = document.getElementById("previousLink");
    		
    		if (nextLinkActual != null)
    		{
    			nextLinkActual.onclick = function () { NextPicture(nextLink); };
    		}
    		if (previousLinkActual != null)
    		{
    			previousLinkActual.onclick = function () { NextPicture(previousLink); };
    		}
    		$('#modal').fadeTo("slow", 1.0);
    	});	   
}


function getGuestbook()
{
	$.ajax({
		type: "GET",
		url: "guestbook.xml",
		cache: false,
		dataType: "xml",
		success: function(xml) {
			$('#content').append("<table style='width: 100%' id='guestbookTable'></table>");
			$(xml).find('item').each(function(){
				var added = $(this).find('added').text();
				var user = $(this).find('user').text();
				var message = $(this).find('message').text();
				$("#guestbookTable").append("<tr><td style='width: 480px;' class='newsTitle'>" + user + "</td><td style='text-align: right' class='newsDate'>" + added + "</td></tr><tr><td colspan='2' class='newsContent'>" + message + "</td></tr><tr style='height: 10px'><td colspan='2' style=' width: 650px; background-image: url(layout/img/border-hor-grey.gif); background-repeat: repeat-x' ></td></tr>");
			});
		}
	});
}	

function sendMessage()
{
	var user = document.getElementById("nick").value;
	var message = document.getElementById("message").value;
	if (document.getElementById("error") != null)
	{
		$("#error").remove();
	}
	if (user.length == 0)
	{
		var errorString = "<div id='error' class='newsContent' style='color: red'>You haven't filled in your name</div>";
		$("#form").append(errorString);
		return false;
	}
	if (message.length == 0)
	{
		var errorString = "<div id='error' class='newsContent' style='color: red'>You haven't filled in a message</div>";
		$("#form").append(errorString);
		return false;
	}
	var now = new Date();
	var DD = now.getDate();
	var MO = now.getMonth();
	var YY = now.getFullYear();
	var HH = now.getHours();
	var MM = now.getMinutes();
	var currentTime =  DD + "/" + MO + "/" + YY + " " + HH + ":" + MM;
	var url = 'PostMessage.php';
	$.post(url, {user: user, message: message, added: currentTime}, function(result){
			if (result == "succes")
			{
				document.cookie ="sendMessage=True";
				getPage("guestbook.html");
			}
			else
			{
				$("#form").append(result);
			}
	});
}
					

function removeLightBox()
{
	$('#modal').fadeTo(300, 0.0, function(){
			$("#lightbox_bg").fadeTo("normal", 0.0, function(){
		$('#lightbox').remove();
		});
	});
}

function NextPicture(item)
{
	var image = item.name;
	$('#modal').fadeTo(300, 0.0, function(){
		$("#modal").remove();
		var links = document.getElementsByTagName("a");
    	    var currentIndex = 0;
			for(var l = 0; l < links.length; l++)
			{
				var element = links[l];
				if (element.rel == "Box")
				{
					if(element.name == image)
					{
						currentIndex = l;
						break;
					}
				}
			}
			
			var previousLink;
			var nextLink;
			
			if (l > 0)
			{
				if(links[l -1].getAttribute("rel") == "Box")
				{
					previousLink = links[l -1];
				}
			}
			if (l < links.length - 1)
			{
				nextLink = links[l + 1];
			}
			
			var hiddenElement = document.createElement("div");
			hiddenElement.id = 'hiddenDiv';
			hiddenElement.style.visibility = "hidden";
			hiddenElement.innerHTML = "<img src='" + image + "' id='hiddenImage'>";
			var width = hiddenElement.getElementsByTagName('img')[0].width - 15;
			var DivWidth = hiddenElement.getElementsByTagName('img')[0];
			var marginleft = -20;
						var IE = navigator.appName =="Microsoft Internet Explorer";
			if (IE)
			{
				marginleft = 70;
			}
			var lightBoxContent = "<div class=\"modal\" id='modal' style='position: absolute; margin-left:" + marginleft + "px; text-align: center; filter:alpha(opacity=00);opacity: 0.0; width: " + DivWidth + "px'>" +
    			   				  "<a href='javascript:void(0);' onclick='removeLightBox();' style='position: absolute; float: left; padding-left: " + width + "px; margin-top: -13px;'><img src='layout/img/fancy_closebox.png' style='border: 0px;'></a>" + 
    			   				  "<img src='" + image + "' onclick='removeLightBox();'><br>";
    		if (previousLink != null)
    		{
    		    if (IE)
    		    {
    		        lightBoxContent = lightBoxContent + "<a href='javascript:void(0);' id='previousLink' style='margin-right: 5px;'><img src='layout/img/previous.png' style='border: 0px;'></a>";
    		    }
    		    else
    		    {
    		        lightBoxContent = lightBoxContent + "<a href='javascript:void(0);' id='previousLink' style='float: left; margin-left: 5px;'><img src='layout/img/previous.png' style='border: 0px;'></a>";
    		    }
    			
    		}
			if (nextLink != null)
			{
				if (IE)
				{
					lightBoxContent = lightBoxContent + "<a href='javascript:void(0);' id='nextLink' style='margin-left: 5px;'><img src='layout/img/next.png' style='border: 0px;'></a>";
				}
				else
				{
					lightBoxContent = lightBoxContent + "<a href='javascript:void(0);' id='nextLink' style='float: right; margin-right: 5px;'><img src='layout/img/next.png' style='border: 0px;'></a>";
				}
			}
			lightBoxContent = lightBoxContent + "</div>";
			
    		$("#lightbox").append(lightBoxContent);
    		
    		var nextLinkActual = document.getElementById("nextLink");
    		var previousLinkActual = document.getElementById("previousLink");
    		
    		if (nextLinkActual != null)
    		{
    			nextLinkActual.onclick = function () { NextPicture(nextLink); };
    		}
    		if (previousLinkActual != null)
    		{
    			previousLinkActual.onclick = function () { NextPicture(previousLink); };
    		}
    	$('#modal').fadeTo("slow", 1.0);
	});
}

function SetBoxTags()
{
	var links = document.getElementsByTagName("a");
	for(var l = 0; l < links.length; l++)
	{
		var element = links[l];
		if (element.rel == "Box")
		{
			var target = element.href;
			element.href = "javascript:void(0);";
			//element.setAttribute("onclick", "lightBoxImage('" + target + "');");
			element.setAttribute("name", target);
			if (element.id == "twitterImg")
			{
				element.onclick = function () { lightBoxTwitter(this); };
			}
			else
			{
				element.onclick = function () { lightBoxImage(this); };
			}
		}
	}
}

function ModifyGalleryLinks()
{
	var links = document.getElementsByTagName("a");
	for(var l = 0; l < links.length; l++)
	{
		if (links[l].rel == "Gallery")
		{
			var element = links[l];
			var target = element.href;
			element.href = "javascript:void(0);";
			//element.setAttribute("onclick", "getPage(\"pics.php?subdir='" + target + "'\");");
			element.onclick = function () { getPictures(this); };
		}
	}
}

function keyCheck(objEvent)
{
	if (objEvent.keyCode == 13)
	{
		sendMessage();
		return false;
	}
}

function getCookieValue(cookieName) {
  var exp = new RegExp(escape(cookieName) + "=([^;]+)");
  if (exp.test(document.cookie + ";")) {
    exp.exec(document.cookie + ";");
    return unescape(RegExp.$1);
  }
  else return false;
}

function lightBoxTwitter(item)
{
		var image = item.childNodes[0].src;
		var bodyHeight = document.body.offsetHeight;
    	var body = "<div id='lightbox'>" +
    			   "<div class=\"lightbox_bg\" id='lightbox_bg' style=\"display: block; position: absolute; height:" + bodyHeight + "px; width: 100&\"></div>" +
    			   "</div>";
    	$('#body').append(body);
    	$("#lightbox_bg").fadeTo("slow", 0.7, function(){
    	    
    	    
    	    var links = document.getElementsByTagName("a");
    	    var currentIndex = 0;
			for(var l = 0; l < links.length; l++)
			{
				var element = links[l];
				if (element.rel == "Box")
				{
					if(element.name == image)
					{
						currentIndex = l;
						break;
					}
				}
			}
			
			var previousLink;
			var nextLink;
			
			if (l > 0)
			{
				if(links[l -1].getAttribute("rel") == "Box")
				{
					previousLink = links[l -1];
				}
			}
			if (l < links.length - 1)
			{
				nextLink = links[l + 1];
			}
			
			var hiddenElement = document.createElement("div");
			hiddenElement.id = 'hiddenDiv';
			hiddenElement.style.visibility = "hidden";
			hiddenElement.innerHTML = "<img src='" + image + "' id='hiddenImage'>";
			var width = hiddenElement.getElementsByTagName('img')[0].width - 15;
			var DivWidth = hiddenElement.getElementsByTagName('img')[0];
			var marginleft = -100;
			var IE = navigator.appName =="Microsoft Internet Explorer";
			if (IE)
			{
				marginleft = 190;
			}
			var lightBoxContent = "<div class=\"modal\" id='modal' style='position: absolute; margin-left:" + marginleft + "px; text-align: center; filter:alpha(opacity=00);opacity: 0.0; width: " + DivWidth + "px'>" +
    			   				  "<a href='javascript:void(0);' onclick='removeLightBox();' style='position: absolute; float: left; padding-left: " + width + "px; margin-top: -13px;'><img src='layout/img/fancy_closebox.png' style='border: 0px;'></a>" + 
    			   				  "<img src='" + image + "' onclick='removeLightBox();'><br>";
    		if (previousLink != null)
    		{
    		    if (IE)
    		    {
    		        lightBoxContent = lightBoxContent + "<a href='javascript:void(0);' id='previousLink' style='margin-right: 5px;'><img src='layout/img/previous.png' style='border: 0px;'></a>";
    		    }
    		    else
    		    {
    		        lightBoxContent = lightBoxContent + "<a href='javascript:void(0);' id='previousLink' style='float: left; margin-left: 5px;'><img src='layout/img/previous.png' style='border: 0px;'></a>";
    		    }
    			
    		}
			if (nextLink != null)
			{
				if (IE)
				{
					lightBoxContent = lightBoxContent + "<a href='javascript:void(0);' id='nextLink' style='margin-left: 5px;'><img src='layout/img/next.png' style='border: 0px;'></a>";
				}
				else
				{
					lightBoxContent = lightBoxContent + "<a href='javascript:void(0);' id='nextLink' style='float: right; margin-right: 5px;'><img src='layout/img/next.png' style='border: 0px;'></a>";
				}
			}
			lightBoxContent = lightBoxContent + "</div>";
    		$("#lightbox").append(lightBoxContent);
    		var nextLinkActual = document.getElementById("nextLink");
    		var previousLinkActual = document.getElementById("previousLink");
    		
    		if (nextLinkActual != null)
    		{
    			nextLinkActual.onclick = function () { NextPicture(nextLink); };
    		}
    		if (previousLinkActual != null)
    		{
    			previousLinkActual.onclick = function () { NextPicture(previousLink); };
    		}
    		$('#modal').fadeTo("slow", 1.0);
    	});	   
}