//Rollover JavaScript
//Author: Martin McCool
//Date: 10/03/09
// This script will rollover but keep rollover image until next tab chosen, plus different image for button clicks. 
//Used for tabs mainly.

window.onload = initPage;
var globalMonth = 0;
var globalYear = 2009;
var newcontent = "";
function initPage(){
	
	document.getElementById("monBack").onclick = backMonth;
	document.getElementById("monFor").onclick = forMonth;
	document.onclick = hide;
	var date = new Date();
	var month = date.getMonth();
	globalMonth = month;
	getTodaysDate(month);
	
	document.getElementById("2").onmouseover = twoHover;
	document.getElementById("3").onmouseover = threeHover;
	document.getElementById("4").onmouseover = fourHover;
	document.getElementById("5").onmouseover = fiveHover;
	document.getElementById("6").onmouseover = sixHover;
	document.getElementById("7").onmouseover = sevenHover;
	document.getElementById("8").onmouseover = eightHover;
	document.getElementById("9").onmouseover = nineHover;
	document.getElementById("10").onmouseover = tenHover;
	document.getElementById("11").onmouseover = elevenHover;
	document.getElementById("12").onmouseover = twelveHover;
	document.getElementById("13").onmouseover = thirteenHover;
	document.getElementById("14").onmouseover = fourteenHover;
	document.getElementById("15").onmouseover = fifteenHover;
	document.getElementById("16").onmouseover = sixteenHover;
	document.getElementById("17").onmouseover = seventeenHover;
	document.getElementById("18").onmouseover = eightteenHover;
	document.getElementById("19").onmouseover = nineteenHover;
	document.getElementById("20").onmouseover = twentyHover;
	document.getElementById("21").onmouseover = twenOneHover;
	document.getElementById("22").onmouseover = twenTwoHover;
	document.getElementById("23").onmouseover = twenThreeHover;
	document.getElementById("24").onmouseover = twenFourHover;
	document.getElementById("25").onmouseover = twenFiveHover;
	document.getElementById("26").onmouseover = twenSixHover;
	document.getElementById("27").onmouseover = twenSevenHover;
	document.getElementById("28").onmouseover = twenEightHover;
	document.getElementById("29").onmouseover = twenNineHover;
	document.getElementById("30").onmouseover = thirtyHover;
	document.getElementById("31").onmouseover = thir1Hover;
	document.getElementById("32").onmouseover = thir2Hover;
	document.getElementById("33").onmouseover = thir3Hover;
	document.getElementById("34").onmouseover = thir4Hover;
	document.getElementById("35").onmouseover = thir5Hover;
	document.getElementById("36").onmouseover = thir6Hover;
	document.getElementById("37").onmouseover = thir7Hover;
	document.getElementById("38").onmouseover = thir8Hover;
	document.getElementById("39").onmouseover = thir9Hover;
	document.getElementById("40").onmouseover = fortyHover;
	document.getElementById("41").onmouseover = for1Hover;
	document.getElementById("42").onmouseover = for2Hover;
	document.getElementById("43").onmouseover = for3Hover;
	
	document.getElementById("captcha").onblur = checkCode;
	
}



//Ajax Calendar version 1.0
//Author: Martin McCool
//Date: 20/04/2009
//This is an ajax calendar that checks for events from a mysql database and creates a bubble that will give the results
//Copyright 2009 Martin McCool (Ambi Web Services)
//Keep these comments in any file using this code.

function hide(){
	document.getElementById("eventsLayer").style.visibility = "hidden";
}

function getTodaysDate(monthIn){
	//clear months
	for(g = 2; g < 44; g++)
			document.getElementById(g).value = "";
	//pass in the month
	var month = monthIn;
	var d_names = new Array("Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun");
	var m_names = new Array("Jan", "Feb", "Mar", " April ", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
	
	var d = new Date(globalYear, month, 1);
	var curr_day = d.getDay();
	var curr_date = d.getDate();
	
	var curr_month = d.getMonth();
	var curr_year = d.getFullYear();
	var monthYear = m_names[curr_month] + "  " + curr_year;
	if(curr_month == 0)
		var prevMonth = m_names[11];
	else
		var prevMonth = m_names[curr_month-1];
	if(curr_month == 11)
	 var nextMonth = m_names[0];
	else
		var nextMonth = m_names[curr_month+1];
	//setting the months
	document.getElementById('month').value = "                     " + monthYear;
	document.getElementById('monBack').value = "<< "+ prevMonth;
	document.getElementById('monFor').value = nextMonth + " >>";
	
	
	//array of ids
	var arr = new Array("2","3","4","5","6","7","8");
	
	
	//if the cuurent day is whatever set i to correspond to the array of ids
	// i = index of days
	var i = 0;
	//get day
	if(d_names[curr_day] == "Sun")
		i = 2;
	else if(d_names[curr_day] == "Mon")
		i = 3;
	else if(d_names[curr_day] == "Tue")
		i = 4;
	else if(d_names[curr_day] == "Wed")
		i = 5;
	else if(d_names[curr_day] == "Thu")
		i = 6;
	else if(d_names[curr_day] == "Fri")
		i = 7;
	else 
		i = 8;
		
	//set the number of days in the month
	var days = 0;
	var year = d.getFullYear();
	if(month == 0 || month == 2 || month == 4 || month == 6 || month == 7 || month == 9 || month == 11){
		days = 31;
	}
	else if(month == 3 || month == 5 || month == 8 || month == 10){
		days = 30;
	}
	else if (month == 1 && year%4 == 0 && year%100 == 0 && year%400 == 0){
		days = 29;
	}
	else{
		days = 28;
	}
	//set what day the month starts at
	for(j = curr_date; j >=1; j--)
	{	
		if(i == 1){
			i = 8;
		}
		else
			i--;
	}
	
	//set calendar
	var k = 1;
	if(i == 1){
		i = 8;
		
	}
	for(m = i; m < days + i; m++){
		document.getElementById(m).value = k;
		k++;
	}
	
	
}

function backMonth(){
	getTodaysDate(--globalMonth);
	if(globalMonth == 0){
		globalMonth = 12;
		--globalYear;
	}
}

function forMonth(){
	getTodaysDate(++globalMonth);
	if(globalMonth == 11){
		globalMonth = -1;
		++globalYear;
	}
}

function twoHover(){
	var day = document.getElementById("2").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function threeHover(){
	var day = document.getElementById("3").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function fourHover(){
	var day = document.getElementById("4").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function fiveHover(){
	var day = document.getElementById("5").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function sixHover(){
	var day = document.getElementById("6").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function sevenHover(){
	var day = document.getElementById("7").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function eightHover(){
	var day = document.getElementById("8").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function nineHover(){
	var day = document.getElementById("9").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function tenHover(){
	var day = document.getElementById("10").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function elevenHover(){
	var day = document.getElementById("11").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function twelveHover(){
	var day = document.getElementById("12").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function thirteenHover(){
	var day = document.getElementById("13").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function fourteenHover(){
	var day = document.getElementById("14").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function fifteenHover(){
	var day = document.getElementById("15").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function sixteenHover(){
	var day = document.getElementById("16").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function seventeenHover(){
	var day = document.getElementById("17").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function eightteenHover(){
	var day = document.getElementById("18").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function nineteenHover(){
	var day = document.getElementById("19").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function twentyHover(){
	var day = document.getElementById("20").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function twenOneHover(){
	var day = document.getElementById("21").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function twenTwoHover(){
	var day = document.getElementById("22").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function twenThreeHover(){
	var day = document.getElementById("23").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function twenFourHover(){
	var day = document.getElementById("24").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function twenFiveHover(){
	var day = document.getElementById("25").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function twenSixHover(){
	var day = document.getElementById("26").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function twenSevenHover(){
	var day = document.getElementById("27").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function twenEightHover(){
	var day = document.getElementById("28").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function twenNineHover(){
	var day = document.getElementById("29").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function thirtyHover(){
	var day = document.getElementById("5").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function thir1Hover(){
	var day = document.getElementById("31").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function thir2Hover(){
	var day = document.getElementById("32").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function thir3Hover(){
	var day = document.getElementById("33").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function thir4Hover(){
	var day = document.getElementById("34").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function thir5Hover(){
	var day = document.getElementById("35").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function thir6Hover(){
	var day = document.getElementById("36").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function thir7Hover(){
	var day = document.getElementById("37").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function thir8Hover(){
	var day = document.getElementById("38").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function thir9Hover(){
	var day = document.getElementById("39").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function fortyHover(){
	var day = document.getElementById("40").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function for1Hover(){
	var day = document.getElementById("41").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function for2Hover(){
	var day = document.getElementById("42").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}

function for3Hover(){
	var day = document.getElementById("43").value;
	checkDate(day);
	document.getElementById("eventsLayer").style.visibility = "visible";
}




function checkDate(date) {
  request = createRequest();
  if (request == null)
    alert("Unable to create request");
  else {
	var day = date;
	if(globalMonth < 10)
		var gMonth = "0" + (globalMonth+1);
	else
		var gMonth = globalMonth + 1;
    var theDate = day +""+ gMonth +""+ globalYear;
    var date = escape(theDate);
    var url= "Ambi_CMS/js/events.php?date="+date;
    request.onreadystatechange = showUserStatus;
    request.open("GET", url, true);
    request.send(null);
  }
}

function showUserStatus() {
  if (request.readyState == 4) {
    if (request.status == 200) {
		if(request.responseText != ""){
			document.getElementById('event').innerHTML = request.responseText;
		}	
		else{
			document.getElementById('event').innerHTML =  'No event on this day'; 
		}
    }
  }
}

function createRequest() {
  try {
    request = new XMLHttpRequest();
  } catch (tryMS) {
    try {
      request = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (otherMS) {
      try {
        request = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (failed) {
        request = null;
      }
    }
  }   
 
  return request;
}


//Contact us captcha code

function checkCode(){
if(document.getElementById("captcha").value == document.getElementById("code").value)
 document.getElementById("submit").disabled = false;
	else 
		alert("Code does not match the image");
}



