// JavaScript Document
/*************  AUTHORS ****************
Sheela V Surisetty 
Web Developer/Designer 
surisettysh@gmail.com 
Phone: 315-212-7004
**************************************/

$(document).ready(function(){
	var dateArray = new Array('', '1/20/2010', '1/21/2010', '1/22/2010', '1/23/2010', '1/24/2010', '1/25/2010', '1/26/2010', '1/27/2010', '1/28/2010', '1/29/2010','1/30/2010', '1/31/2010', '2/1/2010', '2/2/2010', '2/3/2010', '2/4/2010', '2/5/2010', '2/6/2010', '2/7/2010', '2/8/2010', '2/9/2010', '2/10/2010', '2/11/2010', '2/12/2010', '2/13/2010', '2/14/2010', '2/15/2010', '2/16/2010'); 

	var countyArray = new Array('', 'Washington', 'St Francois', 'Perry', 'Cape Girardeau', 'Bollinger', 'Scott', 'Mississippi', 'New Madrid', 'Pemiscot', 'Dunklin', 'Stoddard', 'Wayne', 'Madison', 'Iron', 'Reynolds', 'Shannon', 'Carter', 'Butler', 'Ripley', 'Oregon', 'Howell', 'Ozark', 'Taney', 'Douglas', 'Wright', 'Texas', 'Dent', 'Phelps'); 

	var weekDayArray = new Array('', 'Wed', 'Thurs','Fri', 'Sat', 'Sun', 'Mon', 'Tues', 'Wed', 'Thurs','Fri', 'Sat', 'Sun', 'Mon', 'Tues', 'Wed', 'Thurs','Fri', 'Sat', 'Sun', 'Mon', 'Tues', 'Wed', 'Thurs','Fri', 'Sat', 'Sun', 'Mon', 'Tues');

var countyInfoFolder = "/page/-/Boots/media/countyInfo/countyContent/";
var countyImagesFolder = "/page/-/Boots/media/countyInfo/countyImages/";
//var countyInfoFolder = "../media/countyInfo/countyContent/";
//var countyImagesFolder = "../media/countyInfo/countyImages/";

var month = currentDate.getMonth()+ 1; //javascript months start from 0
var day = currentDate.getDate();
var year = currentDate.getFullYear();
var todayStr = month + "/" + day + "/" + year;
var str = "";

			$("#innerContent").append('<div id="county_row">');
			str = "<span style='display: block; width: 35px; float: left;'>" + "Day" + "</span>";
			str+= "<span style='display: block; width: 80px; float: left;'>" + "Date" + "</span>";
			str+= "<span style='display: block; width: 60px; float: left;'>" + "DOW" + "</span>";
			str+= "<span style='display: block; width: 200px; float: left;'>" + "County" + "</span>";
			$("#innerContent").append('<p class="countyTitle" style="font-weight: bold;">' + str +  '</p>');

			str = "";
			var contentsStr = "";
			$(countyArray).each(function(i,countyName){
			 if(i>0)
			 {
				str = "<span style='display: block; width: 35px; float: left;'>" + i + "</span>";
				str+= "<span style='display: block; width: 80px; float: left;'>" + dateArray[i] + "</span>";
				str+= "<span style='display: block; width: 60px; float: left;'>" + weekDayArray[i] + "</span>";
				str+= "<span style='display: block; width: 200px; float: left;'>" + countyName + "</span>";	
				//alert(str);
				$("#innerContent").append('<p class="countyTitle">'  + str +  '</p>');
				var countyFile = "../countyInfo/countyContent" + countyName + ".txt";
				//$("#innerContent").append("<div class='county_info'>");
				//alert(countyFile);
				contentsStr = "<div class='county_info'>" + "<center>" + "<h2>" + countyArray[i] + " County" + "<br>" + "</h2>"  + "<img src='" + countyImagesFolder + countyArray[i] + ".png'>" + "</center>" + "</div>";
				$("#innerContent").append(contentsStr);
				//$("#innerContent").append("<br> this is next line</br>");
				//$("#innerContent").append('</div>');
				//alert("hi");
				//$.get(countyFile, function(newsArray){	
					//					   alert("hi");
										   //alert(newsArray);
										   //});
			 }//end of if
			 });//each function end
		$("#innerContent").append('</div>');//county row div ends here


//////////////////////////// Code for Dropdown Menu Animation ////////////////////////////////

    $("div.county_info").hide();
	
	//slides the element with class "county_info" when paragraph with class "countyTitle" is clicked 
	$("p.countyTitle").click(function()
    {
		$(this).next("div.county_info").slideToggle(500).siblings("div.county_info").slideUp("slow");	
	});
	$("p.countyTitle").mouseover(function()
    {
		$(this).css('background', '#060');	
		$(this).css('color', '#fadd21');	
	});
	$("p.countyTitle").mouseout(function()
    {
		$(this).css('background', '#fff');	
		$(this).css('color', '#000');	
	});
	


});//document ready end