var xmlPath = "/swfs/pages/comiccon/";

$(document).ready(function() {

	$(document).pngFix();//ACTIVATE PNG fixed
	$('div#mainevent0, mainevent1, mainevent2, mainevent3, mainevent4').hide();

			//Remove Empty paragraphs	
	
	$.ajax({
		type: "GET",
		url: xmlPath + "events.xml",
		datatype: "xml",
		success: function(xml){
			
			var newXML = parseXml(xml);
			
			var counter = 0;			
			
			$(newXML).find('weekday').each(function(e){
				
				//VARS
				var desc = $(this).attr('desc');
				var date = $(this).attr('date');
				var mainEventImg = $(this).find('mainevent').find('imgPath').text();
				var mainEventTitle = $(this).find('mainevent').find('title').text();
				var mainEventDesc = $(this).find('mainevent').find('description').text();
				
				
				//MAIN EVENT MARKUP
				var meventDiv = $('<div id="mainevent' + counter + '"> </div> ');
				var meventDate = $('<p class="date"><strong>' + desc + "</strong>" + " " + '<small>' + date + '</small>' +  '</p>');
				var meventImg = $("<img src='" + mainEventImg + "'" + "/>");
				var meventTitle = $("<h3>" + mainEventTitle + "</h3>");
				var meventDesc = $("<p>" + mainEventDesc + "</p>");
				
												
				//MAIN EVENT
				$(meventDiv).appendTo('#events-calendar');
				$(meventDate).appendTo('#mainevent' + counter);
				$(meventImg).appendTo('#mainevent' + counter);
				$(meventTitle).appendTo('#mainevent' + counter);
				$(meventDesc).appendTo('#mainevent' + counter);	
				
				var events = $(this).find('event');
				

				$(events).each(function (e){
					var numEvents = e;
					
					//EVENTS VARS	
					var eventTime = $(this).find('time').text();
					var eventPlace = $(this).find('place').text();
					var eventImgPath = $(this).find('imgPath').text();
					var eventTitle = $(this).find('title').text();
					var eventType = $(this).find('event_type').text();
					var eventDescTitle = $(this).find('description_title').text();
					var eventDescription = $(this).find('desc_description').text();
					var eventTalentTitle = $(this).find('talent_title').text();
					var eventTalentDescription = $(this).find('talent_description').text();
					
					
					var eventLink = $(this).find('eventURL').text();
					
					//alert(eventDescTitle);
					
					//MARK UP
					var eventsDiv = $('<div id="event_' + counter + "_" + numEvents + '"</div> ');
					var eventMarkup = $(
					'<table>' +
					'<tr>' +
					'<td width=20% valign=top>' +
					'<p><span class="eventtime">' + eventTime + '</span>' +'<br />' + '<span class="eventplace">' + eventPlace + '</span></p>' +
					'<img src="' +  eventImgPath + '"/>' + 
					'</td>' +
					'<td width=80% valign=top>' + 
					'<h2>' + eventTitle + '<span>' + eventType + '</span>' + '</h2>' +
					'<p><strong>'+eventDescTitle +'</strong><br />'+eventDescription+'</p>' +
					'<p><strong>'+eventTalentTitle+'</strong><br />'+eventTalentDescription+'</p>' +
					'<a href="' + eventLink + '">' + eventLink + '</a>' +
					'</td>' +
					'<tr>' +
					'</table>' 
					);
		
					$(meventDiv).append(eventsDiv);
					$(eventMarkup).appendTo( '#event_' + counter + "_" + numEvents );	
					
										
									
					numEvents++;
				});//END EACH
								
								
				counter++;
				
	var todayIs = setEventDay();
	
	switch(todayIs)
	{
		case "Wednesday":
			$('#mainevent0, #mainevent1, #mainevent2, #mainevent3, #mainevent4').hide();
			$('#mainevent0').fadeIn();
			$('a[name="day1"], a[name="day2"], a[name="day3"], a[name="day4"], a[name="day5"]').css("color", "#000000");
			$('a[name="day1"]').css("color", "red");

		break;
		
		case "Thursday":
			$('#mainevent0, #mainevent1, #mainevent2, #mainevent3, #mainevent4').hide();
			$('#mainevent1').fadeIn();
			$('a[name="day1"], a[name="day2"], a[name="day3"], a[name="day4"], a[name="day5"]').css("color", "#000000");
			$('a[name="day2"]').css("color", "red");

		break;
		
		case "Friday":
			$('#mainevent0, #mainevent1, #mainevent2, #mainevent3, #mainevent4').hide();
			$('#mainevent2').fadeIn();
			$('a[name="day1"], a[name="day2"], a[name="day3"], a[name="day4"], a[name="day5"]').css("color", "#000000");
			$('a[name="day3"]').css("color", "red");

		break;
		
		case "Saturday":
			$('#mainevent0, #mainevent1, #mainevent2, #mainevent3, #mainevent4').hide();
			$('#mainevent3').fadeIn();
			$('a[name="day1"], a[name="day2"], a[name="day3"], a[name="day4"], a[name="day5"]').css("color", "#000000");
			$('a[name="day4"]').css("color", "red");

		break;
		
		case "Sunday":
			$('#mainevent0, #mainevent1, #mainevent2, #mainevent3, #mainevent4').hide();
			$('#mainevent4').fadeIn();
			$('a[name="day1"], a[name="day2"], a[name="day3"], a[name="day4"], a[name="day5"]').css("color", "#000000");
			$('a[name="day5"]').css("color", "red");
		break;
	}	

				
						
			});//END EACH
			
			$('#mainevent0 div[id^="event_"]').wrapAll('<div id="evtwrap"></div> ');
			$('#mainevent1 div[id^="event_"]').wrapAll('<div id="evtwrap"></div> ');
			$('#mainevent2 div[id^="event_"]').wrapAll('<div id="evtwrap"></div> ');
			$('#mainevent3 div[id^="event_"]').wrapAll('<div id="evtwrap"></div> ');
			$('#mainevent4 div[id^="event_"]').wrapAll('<div id="evtwrap"></div> ');
			
			$('div[id^="event_"]').css('borderTop', '1px solid #CCC');
			$('div[id^="event_"]').css('margin', '0');
			
		}
		
	});//END AJAX
	


	function parseXml(xml)
	{
		if(jQuery.browser.msie)
		{
			//var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
			//xmlDoc.loadXML(xml);
			//xml = xmlDoc;
		}
		
		return xml;
	}
	

	
	
	$('a').click(function(e){
		
		switch(e.target.name)
		{
			case "day1":
				$('#mainevent0, #mainevent1, #mainevent2, #mainevent3, #mainevent4').hide();
				$('#mainevent0').fadeIn();
				$('a[name="day1"], a[name="day2"], a[name="day3"], a[name="day4"], a[name="day5"]').css("color", "#000000");
				$('a[name="day1"]').css("color", "red");
			break;
			
			case "day2":
				$('#mainevent0, #mainevent1, #mainevent2, #mainevent3, #mainevent4').hide();
				$('#mainevent1').fadeIn();
				$('a[name="day1"], a[name="day2"], a[name="day3"], a[name="day4"], a[name="day5"]').css("color", "#000000");
				$('a[name="day2"]').css("color", "red");
			break;
			
			case "day3":
				$('#mainevent0, #mainevent1, #mainevent2, #mainevent3, #mainevent4').hide();
				$('#mainevent2').fadeIn();
				$('a[name="day1"], a[name="day2"], a[name="day3"], a[name="day4"], a[name="day5"]').css("color", "#000000");
				$('a[name="day3"]').css("color", "red");
			break;
			
			case "day4":
				$('#mainevent0, #mainevent1, #mainevent2, #mainevent3, #mainevent4').hide();
				$('#mainevent3').fadeIn();
				$('a[name="day1"], a[name="day2"], a[name="day3"], a[name="day4"], a[name="day5"]').css("color", "#000000");
				$('a[name="day4"]').css("color", "red");
			break;
			
			case "day5":
				$('#mainevent0, #mainevent1, #mainevent2, #mainevent3, #mainevent4').hide();
				$('#mainevent4').fadeIn();
				$('a[name="day1"], a[name="day2"], a[name="day3"], a[name="day4"], a[name="day5"]').css("color", "#000000");
				$('a[name="day5"]').css("color", "red");
				
			break;
		}
		
		//e.preventDefault();
	});

	
});//END OF $FUNCTION


function setEventDay(){
	
	var date = new Date();
	var currentDay = date.getDay();
	var currentDate = date.getDate();
	var currentMonth = date.getMonth();

	if(currentDate >= 31 && currentMonth == 6 )
	{
		switch(currentDay)
		{
			case 3:
				return "Wednesday";
			break;
			
			case 4:
				
				return "Thursday";
			break;
			
			case 5:
				return "Friday";
			break;
			
			case 6:
				return "Saturday";
			break;
		}
		
	} 
	 else
	{
		return "Thursday";
	}
	
	
}