// JavaScript Document
var checkForOverlay = String(document.location).indexOf("overlayId");
jQuery(document).ready(function() {
	if(checkForOverlay == -1) {
		var overlayMargin = jQuery("table#calendarMain").height(); jQuery("div#overlay").css("margin", "-" + overlayMargin + "px 0 0");
		var overlayHeight = overlayMargin; jQuery("div#overlayLeft").height((overlayHeight - 56) + "px"); jQuery("div#overlayRight").height((overlayHeight - 56) + "px");
	}
	else {
		var overlayMargin = jQuery("table#calendarMain").height(); //jQuery("div#overlay").css("margin", "-" + overlayMargin + "px 0 0");
		var overlayHeight = overlayMargin; jQuery("div#overlayLeft").height((overlayHeight - 56) + "px"); jQuery("div#overlayRight").height((overlayHeight - 56) + "px");
	}
	jQuery("div.backToCalendar").children("p").children("a").click( function () {
		jQuery("div#overlayLeft").css("overflow", "hidden");
		jQuery("div#overlay").hide();
		jQuery("div#overlay").css("width", "0px");
		jQuery("div#overlayLeft").children("p").remove();
		jQuery("div#overlayRight").children("embed").remove();
		jQuery("div#musicPlayer").children("embed").remove();
		jQuery("div#overlayRight").children("p").remove();
		jQuery("div.tnail").each(function() { jQuery(this).empty(); });
	});
	//jQuery("div.calendarEventDescription").children("p").children("a").attr("href", "javascript:void(0);");

	jQuery(".performanceOverlayLink").children("a").attr("href", "javascript:void(0);");
	jQuery(".performanceOverlayLink").children("a").click( function () {
		var genreName = jQuery("div#eventWrapper").children("h2").attr("class");
		var oid = jQuery(this).attr("id");
		jQuery.ajax({
			type: "POST",
			url: "/includes/getOverlayContent.php",
			data: {
				"oid": oid
			},
			dataType: "json",
			success: function(data){
				jQuery("div#overlayRight").css("display", "none");
				jQuery("div#overlayRight").css("visibility", "hidden");
				jQuery("div#overlayLeft").children("p").remove();
				jQuery("div#overlayRight").children("embed").remove();
				jQuery("div#musicPlayer").children("embed").remove();
				jQuery("div#overlayRight").children("p").remove();
				jQuery("div.tnail").each(function() { jQuery(this).empty(); });
				switch(genreName) {
					case 'concertBackground': {
						jQuery("div#overlayContent").removeClass("danceBorder"); jQuery("div#overlayContent").removeClass("operaBorder"); jQuery("div#overlayContent").removeClass("orchestraBorder"); jQuery("div#overlayContent").removeClass("festivalBorder"); jQuery("div#overlayContent").removeClass("specialEventBorder"); jQuery("div#overlayContent").addClass("concertBorder");
						jQuery("div.backToCalendar").removeClass("danceBackground"); jQuery("div.backToCalendar").removeClass("operaBackground"); jQuery("div.backToCalendar").removeClass("orchestraBackground"); jQuery("div.backToCalendar").removeClass("festivalBackground"); jQuery("div.backToCalendar").removeClass("specialEventBackground"); jQuery("div.backToCalendar").addClass("concertBackground");
						jQuery("div#overlayLeft > h3").removeClass("danceText"); jQuery("div#overlayLeft > h3").removeClass("operaText"); jQuery("div#overlayLeft > h3").removeClass("orchestraText"); jQuery("div#overlayLeft > h3").removeClass("festivalText"); jQuery("div#overlayLeft > h3").removeClass("specialEventText"); jQuery("div#overlayLeft > h3").addClass("concertText");
						break;
					}
					case 'operaBackground': {
						jQuery("div#overlayContent").removeClass("danceBorder"); jQuery("div#overlayContent").removeClass("concertBorder"); jQuery("div#overlayContent").removeClass("orchestraBorder"); jQuery("div#overlayContent").removeClass("festivalBorder"); jQuery("div#overlayContent").removeClass("specialEventBorder"); jQuery("div#overlayContent").addClass("operaBorder");
						jQuery("div.backToCalendar").removeClass("danceBackground"); jQuery("div.backToCalendar").removeClass("concertBackground"); jQuery("div.backToCalendar").removeClass("orchestraBackground"); jQuery("div.backToCalendar").removeClass("festivalBackground"); jQuery("div.backToCalendar").removeClass("specialEventBackground"); jQuery("div.backToCalendar").addClass("operaBackground");
						jQuery("div#overlayLeft > h3").removeClass("danceText"); jQuery("div#overlayLeft > h3").removeClass("concertText"); jQuery("div#overlayLeft > h3").removeClass("orchestraText"); jQuery("div#overlayLeft > h3").removeClass("festivalText"); jQuery("div#overlayLeft > h3").removeClass("specialEventText"); jQuery("div#overlayLeft > h3").addClass("operaText");
						break;
					}
					case 'danceBackground': {
						jQuery("div#overlayContent").removeClass("concertBorder"); jQuery("div#overlayContent").removeClass("operaBorder"); jQuery("div#overlayContent").removeClass("orchestraBorder"); jQuery("div#overlayContent").removeClass("festivalBorder"); jQuery("div#overlayContent").removeClass("specialEventBorder"); jQuery("div#overlayContent").addClass("danceBorder");
						jQuery("div.backToCalendar").removeClass("concertBackground"); jQuery("div.backToCalendar").removeClass("operaBackground"); jQuery("div.backToCalendar").removeClass("orchestraBackground"); jQuery("div.backToCalendar").removeClass("festivalBackground"); jQuery("div.backToCalendar").removeClass("specialEventBackground"); jQuery("div.backToCalendar").addClass("danceBackground");
						jQuery("div#overlayLeft > h3").removeClass("concertText"); jQuery("div#overlayLeft > h3").removeClass("operaText"); jQuery("div#overlayLeft > h3").removeClass("orchestraText"); jQuery("div#overlayLeft > h3").removeClass("festivalText"); jQuery("div#overlayLeft > h3").removeClass("specialEventText"); jQuery("div#overlayLeft > h3").addClass("danceText");
						break;
					}
					case 'orchestraBackground': {
						jQuery("div#overlayContent").removeClass("danceBorder"); jQuery("div#overlayContent").removeClass("operaBorder"); jQuery("div#overlayContent").removeClass("concertBorder"); jQuery("div#overlayContent").removeClass("festivalBorder"); jQuery("div#overlayContent").removeClass("specialEventBorder"); jQuery("div#overlayContent").addClass("orchestraBorder");
						jQuery("div.backToCalendar").removeClass("danceBackground"); jQuery("div.backToCalendar").removeClass("operaBackground"); jQuery("div.backToCalendar").removeClass("concertBackground"); jQuery("div.backToCalendar").removeClass("festivalBackground"); jQuery("div.backToCalendar").removeClass("specialEventBackground"); jQuery("div.backToCalendar").addClass("orchestraBackground");
						jQuery("div#overlayLeft > h3").removeClass("danceText"); jQuery("div#overlayLeft > h3").removeClass("operaText"); jQuery("div#overlayLeft > h3").removeClass("concertText"); jQuery("div#overlayLeft > h3").removeClass("festivalText"); jQuery("div#overlayLeft > h3").removeClass("specialEventText"); jQuery("div#overlayLeft > h3").addClass("orchestraText");
						break;
					}
					case 'festivalBackground': {
						jQuery("div#overlayContent").removeClass("danceBorder"); jQuery("div#overlayContent").removeClass("operaBorder"); jQuery("div#overlayContent").removeClass("orchestraBorder"); jQuery("div#overlayContent").removeClass("concertBorder"); jQuery("div#overlayContent").removeClass("specialEventBorder"); jQuery("div#overlayContent").addClass("festivalBorder");
						jQuery("div.backToCalendar").removeClass("danceBackground"); jQuery("div.backToCalendar").removeClass("operaBackground"); jQuery("div.backToCalendar").removeClass("orchestraBackground"); jQuery("div.backToCalendar").removeClass("concertBackground"); jQuery("div.backToCalendar").removeClass("specialEventBackground"); jQuery("div.backToCalendar").addClass("festivalBackground");
						jQuery("div#overlayLeft > h3").removeClass("danceText"); jQuery("div#overlayLeft > h3").removeClass("operaText"); jQuery("div#overlayLeft > h3").removeClass("orchestraText"); jQuery("div#overlayLeft > h3").removeClass("concertText"); jQuery("div#overlayLeft > h3").removeClass("specialEventText"); jQuery("div#overlayLeft > h3").addClass("festivalText");
						break;
					}
					case 'specialEventBackground': {
						jQuery("div#overlayContent").removeClass("danceBorder"); jQuery("div#overlayContent").removeClass("operaBorder"); jQuery("div#overlayContent").removeClass("orchestraBorder"); jQuery("div#overlayContent").removeClass("festivalBorder"); jQuery("div#overlayContent").removeClass("concertBorder"); jQuery("div#overlayContent").addClass("specialEventBorder");
						jQuery("div.backToCalendar").removeClass("danceBackground"); jQuery("div.backToCalendar").removeClass("operaBackground"); jQuery("div.backToCalendar").removeClass("orchestraBackground"); jQuery("div.backToCalendar").removeClass("festivalBackground"); jQuery("div.backToCalendar").removeClass("concertBackground"); jQuery("div.backToCalendar").addClass("specialEventBackground");
						jQuery("div#overlayLeft > h3").removeClass("danceText"); jQuery("div#overlayLeft > h3").removeClass("operaText"); jQuery("div#overlayLeft > h3").removeClass("orchestraText"); jQuery("div#overlayLeft > h3").removeClass("festivalText"); jQuery("div#overlayLeft > h3").removeClass("concertText"); jQuery("div#overlayLeft > h3").addClass("specialEventText");
						break;
					}
				}
				jQuery("div#overlayLeft > h1").html(data.title); jQuery("div#overlayLeft > h2").html(data.artist);
				jQuery("div#overlayLeft").children("h2").after(data.performanceInfo);
				if(data.videoEmbed != '') { 
					if(data.videoDescription != '') { jQuery("div#overlayRight").prepend('<embed src="' + data.videoEmbed + '" type="application/x-shockwave-flash" width="320" height="240" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"></embed>' + data.videoDescription); }
					else { jQuery("div#overlayRight").prepend('<embed src="' + data.videoEmbed + '" type="application/x-shockwave-flash" width="320" height="240" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"></embed><p>&nbsp;</p>'); }
				} else {  jQuery("div#overlayRight").prepend('<p>&nbsp;</p>'); }
				if(data.audioClip != '') { 
					jQuery('#musicPlayer').flash( { 
					  src: '/flash/mp3player.swf', width: 319, height: 45, swliveconnect: "true", id: "mp3player",
					  flashvars: { mp3File: '/explore/audio/' + data.audioFile + '', mp3Tag: '' + data.audioTitle + '' }
					}, { version: 8 });
				}
				if(data.photo1 != '') { jQuery("div.tnail:eq(0)").html('<a href="/imgs_upload/cal_overlays/' + data.photo1 + '" title="' + data.photoCredit + '" class="thickbox" rel="overlay"><img src="/imgs_upload/cal_overlays/' + data.photo1tn + '" alt="' + data.title + '" /></a><p><em>Click photo to enlarge</em></p>'); }
				tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
				imgLoader = new Image();// preload image
				imgLoader.src = tb_pathToImage;
								
				jQuery("div#overlayLeft").css("overflow", "hidden");
				jQuery("div#overlay").css("width", "0px");
				jQuery("div#overlay").hide();
				jQuery("div#overlay").show();
				jQuery("div#overlay").animate({ 
					width: "706px"
				  }, 2000, function() { 
					jQuery("div#overlayRight").css("display", "inline");
					jQuery("div#overlayRight").css("visibility", "visible");
					jQuery("div#overlayLeft").css("overflow", "auto"); 
				});
			},
			error: function(){
				alert("There was an error completing the request for the overlay");
			}
		});
	});
});