$(document).ready(function(){

  if (typeof(media_domain)=='undefined') { media_domain = ''; }

	var moon_image_url = media_domain + "/static/images/mi/third_party/accuweather/moon/";
  
  if (typeof(override_moon_image_dir)!='undefined') { moon_image_url = media_domain + override_moon_image_dir; }


  $.ajax({
	type: "GET",
	url: "/static/weather_common/moon/phases.xml",
	dataType: "xml",
	success: function(xml) {

	// Moon Phases
	var months = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
	var MoonPhases =        $(xml).find('moon').find('phase'); 

	var moonPhaseImage = new Array();
	var moonPhaseDate = new Array();

	var phase_date;
	var idx=1;

	MoonPhases.each(function (i) {
		cur_date = $(this).attr('date');
		cur_phase = $(this).attr('text');
		cur_number = $(this).text();
		if (i==0) {
			phase_date = new Date(cur_date);
			moonPhaseImage[idx] = cur_phase;
			moonPhaseDate[idx] = months[phase_date.getMonth()]+'. '+ phase_date.getDate();
			idx++;
		}
		else {
			tmp_str = cur_phase.substr(0,3);
			if (tmp_str!='Wax' && tmp_str!='Wan') {
				moonPhaseImage[idx]= cur_phase;
				phase_date = new Date(cur_date);
				moonPhaseDate[idx] = months[phase_date.getMonth()]+'. '+ phase_date.getDate();
				idx++;
			}
		}
	});

  if (moonPhaseImage.length <= 5) {
  	moonPhaseImage[5]= cur_phase;
  	var phase_date = new Date(cur_date);
	  moonPhaseDate[5] = months[phase_date.getMonth()]+'. '+ phase_date.getDate();
  }

	$("#moonPhases #moonPhaseImage1").html('<img src="'+moon_image_url+moonPhaseImage[1]+'.jpg">');
	$("#moonPhases #moonPhaseDate1").html(moonPhaseDate[1]);
	$("#moonPhases #moonPhaseImage2").html('<img src="'+moon_image_url+moonPhaseImage[2]+'.jpg">');
	$("#moonPhases #moonPhaseDate2").html(moonPhaseDate[2]);
	$("#moonPhases #moonPhaseImage3").html('<img src="'+moon_image_url+moonPhaseImage[3]+'.jpg">');
	$("#moonPhases #moonPhaseDate3").html(moonPhaseDate[3]);
	$("#moonPhases #moonPhaseImage4").html('<img src="'+moon_image_url+moonPhaseImage[4]+'.jpg">');
	$("#moonPhases #moonPhaseDate4").html(moonPhaseDate[4]);
	$("#moonPhases #moonPhaseImage5").html('<img src="'+moon_image_url+moonPhaseImage[5]+'.jpg">');
	$("#moonPhases #moonPhaseDate5").html(moonPhaseDate[5]);

    }
  });
});