var currentYear;
var currentMonth;
var currentEntry;
var blogXML;

function buildBlogMenu () 
{
	$.ajax({
			type: "GET",
			url: "xml/blog.xml",
			dataType: "xml",
			success: writeBlogMenu
	});
}

function setBlogMenu (jNum, mNum, eNum) 
{
	var ycount = 0;
	var subdata = "";
	$(blogXML).find("jahr").each(function() 
	{
		if (ycount == jNum) {
			currentYear = $(this).attr("titel");
			subdata += '<div class="activeblogyear">';
			subdata += $(this).attr("titel");
			subdata += '</div>';
			var mcount = 0;
			$(this).find("monat").each(function()
			{
				if (mcount == mNum){
					currentMonth = $(this).attr("titel");
					subdata += '<div class="activeblogmonth">';
					subdata += $(this).attr("titel");
					subdata += '</div>';
					var ecount = 0;
					subdata += '<div class="entryicons">';
					$(this).find("entry").each(function()
					{
						subdata += '<a href="javascript:buildBlogEntry(';
						
						var linkStrg = '&quot;';
						
						linkStrg += currentYear;
						linkStrg += "&quot;,&quot;";
						linkStrg += currentMonth;
						linkStrg += "&quot; , &quot;";
						linkStrg += $(this).attr("titel");
						linkStrg += '&quot;';
						
						subdata += linkStrg;
						subdata += ')">';
						
						subdata += '<img src="images/html/blogentry.png" alt="';
						subdata += $(this).attr("titel");
						subdata += '" title="';
						subdata += $(this).attr("titel");
						subdata += '" />';
						subdata += '</a>';
						
						if (ecount == eNum)
						{
							currentEntry = $(this).attr("titel");
							buildBlogEntry (currentYear, currentMonth, currentEntry);
						}
						ecount++;
					});
					subdata += '</div>';
					subdata += '<div class="clear"></div>';
				} else {
					subdata += '<a href="javascript:setBlogMenu(';
					subdata += ycount;
					subdata += ",";
					subdata += mcount;
					subdata += ",0";
					subdata += ')">';
					subdata += '<div class="inactiveblogmonth">';
					subdata += $(this).attr("titel");
					subdata += '</div>';
					subdata += '</a>';
				}
				mcount++;
			}); 
			
		} else {
			subdata += '<a href="javascript:setBlogMenu(';
			subdata += ycount;
			subdata += ",0,0";
			subdata += ')">';
			subdata += '<div class="inactiveblogyear">';
			subdata += $(this).attr("titel");
			subdata += '</div>';
			subdata += '</a>';
		}
		ycount++;
	});
	
	$("#blogmenu").html(subdata);
}

function writeBlogMenu (subxml) 
{
	blogXML = subxml;
	setBlogMenu (0,0,0);
}

function buildBlogEntry (jahr, monat, eintrag)
{
	var entryhtml = "";
	
	$(blogXML).find("jahr").each(function() {
		if ($(this).attr("titel") == jahr){
			$(this).find("monat").each(function() {
				if ($(this).attr("titel") == monat){
					$(this).find("entry").each(function() {
						if ($(this).attr("titel") == eintrag){
							entryhtml += '<span class="headline">';
							entryhtml += $(this).attr("titel");
							entryhtml += '</span><br/>';
							entryhtml += '<span class="subline">';
							entryhtml += $(this).attr("datum");
							entryhtml += ', geschrieben von ';
							entryhtml += $(this).attr("author");
							entryhtml += '</span><br/><br/>';
							entryhtml += '<img src="';
							
							$(this).find("image").each(function() {
								var pfad = $(this).attr("path");
								entryhtml += pfad;
							});
							
							entryhtml += '" /><br/><p>';
							
							$(this).find("fliess").each(function() {
								var flood = $(this).text();
								entryhtml += flood;
							});
							
							entryhtml += '</p><br/><br/>';
						}
					});
				}
			});
		}
	});
	
	$("#main").html(entryhtml);
}

buildBlogMenu();