$(function(){

	$("#logo").html("<img id='logo_img' src='../images/logo.png'>");
	
	$("#main").append("<div id='commonMenu'></div>");

/*	$("#commonMenu").css("position","absolute");
	$("#commonMenu")
		.append("<div id='imgStartDate'><img id='simg' src='./images/startdate2.jpg'></div><div id='subStartDate'></div>");
	$("#commonMenu")
		.append("<div class='Space'></div>");
//$("#commonMenu")
	//	.append("<div id='imgGallery'><img src='../images/gallery2.jpg' alt='KGIBC Gallery' /></div><div id='subGallery'></div>");
	
	//$("#commonMenu")
	//	.append("<div id='imgSpeech'><img src='../images/Speech-Contest-Button.gif' alt='go to speech contest website'/></div>");

	new Floating(document.getElementById("commonMenu"),0,450,0,10);
	
	$(".Space").css("clear","both").css("height","20px");
	
	$("#simg").hover(
		function(){ 
			$("img[id='simg']").attr( "src","./images/startdate2_over.jpg"); 
		},
		function(){ 
			$("img[id='simg']").attr( "src","./images/startdate2.jpg"); 	
		}
	);
	
	$("#imgGallery").click(function(){ alert("Sorry, link under construction.");});
	$("#imgStartDate").css("float","left").css("cursor","pointer");
	$("#subStartDate").css("float","left").css("width","615px").css("height","80px");


	var sdate = "Start dates for 2009 and 2010 are now available. Please select from the options available to narrow your search";
	var sdateSelect = "";
	sdateSelect += "	<select name='campus'>";
	sdateSelect += "		<option value='CAMPUS'>CAMPUS</option>";	
	sdateSelect += "		<option value='VR'>Vancouver</option>";
	sdateSelect += "		<option value='TO'>Toronto</option>";
	sdateSelect += "		<option value='VA'>Victoria</option>";
	sdateSelect += " </select><br/>";

	sdateSelect += "	<select name='course'>";
	sdateSelect += "		<option value='0'>COURSE</option>";	
	sdateSelect += " </select><br/>";

	sdateSelect += "	<select name='year'>";
	sdateSelect += "		<option value='0'>YEAR</option>";	
	sdateSelect += " </select><br/>";

	var eachCourseN = new Array();
	eachCourseN[0] = "COURSE";
	var eachCourseVA = new Array();
	eachCourseVA[0] = "BMDP";
	eachCourseVA[1] = "HMDP";
	eachCourseVA[2] = "IOMDP";
	eachCourseVA[3] = "ITDP";
	eachCourseVA[4] = "EPIT";
	eachCourseVA[5] = "PMM";
	eachCourseVA[6] = "IELTS";
	eachCourseVA[7] = "TOEFL iBT";
	eachCourseVA[8] = "FCE";
	eachCourseVA[9] = "ABMDP";
	eachCourseVA[10] = "AHMDP";
	eachCourseVA[11] = "TESOL";
	eachCourseVA[12] = "TESOL-M";
	eachCourseVA[13] = "TESOL-C";
	eachCourseVA[14] = "TESOL-A";

	var eachCourseTO = new Array();
	eachCourseTO[0] = "BMDP";
	eachCourseTO[1] = "ITDP";
	eachCourseTO[2] = "PMM";
	eachCourseTO[3] = "IELTS";
	eachCourseTO[4] = "TOEFL";
	eachCourseTO[5] = "TESOL-A";
	eachCourseTO[6] = "TESOL-C";

	var eachCourseVI = new Array();
	eachCourseVI[0] = "PMM";
	eachCourseVI[1] = "TESOL";
	eachCourseVI[2] = "TESOL-I";

	


	//var each

	$("#subStartDate").append("<div id='subTitleStartDate'>"+sdate+"</div>");
	$("#subStartDate").append("<div class='startdateSpace'></div>");	
	$("#subStartDate").append("<div id='subSelectStartDate'>"+sdateSelect+"</div>");
	$("#subStartDate").append("<div class='startdateSpace'></div>");	
	$("#subStartDate").append("<div id='submitStartDate'><img src='./images/search_btn.png' align='absmiddle' height='80'></div>");
	
	$("select[name='campus']").change(function () {
		$("select[name='campus'] option:selected").each(function() {
			
			
			var aa;
			switch($(this).text())
			{
				case "CAMPUS":
					aa = eachCourseN;
					break;
				case "Vancouver":
					aa = eachCourseVA;
					break;
				case "Toronto":
					aa = eachCourseTO;
					break;
				case "Victoria":
					aa = eachCourseVI;
					break;
			}

			var courseSelect = $("select[name='course']");
			var optStr = "";
			for (var c = 0; c < aa.length ; c++ )
			{
				optStr += "<option>"+aa[c]+"</option>";
			}
			courseSelect.empty();
			courseSelect.append(optStr);
		});
	
		
    });
	var startYear = 2010;
	var endYear = 2010;
	var yearSelect = "";
	for (var i = startYear; i < endYear + 1 ;i++ )
	{
		yearSelect += "<option>"+i+"</option>";
	}
	//alert(yearSelect);
	$("select[name='year']").append(yearSelect);
	

	var subStartDateBgc = "#bdc9d7";
	var subStartDateH = "72px";

	$("#commonMenu").css("font-size","12px").css("color","black");
	$("#subStartDate select").css("width","150px").css("background-color","#f1f4f7");
	$("#subStartDate div").css("padding","4px").css("background-image","url(./images/start_bg.png)");
	$("#subTitleStartDate").css("font-style","italic").css("padding-left","15px").css("font-family","Times New Roman").css("float","left").css("height",subStartDateH).css("width","300px").css("background-color",subStartDateBgc).css("text-align","left").css("font-size","14px");
	$(".startdateSpace").css("float","left").css("height",subStartDateH);
	$("#subSelectStartDate").css("float","left").css("height",subStartDateH).css("width","150px").css("background-color",subStartDateBgc);
	$("#submitStartDate").css("float","left").css("width","80px").css("cursor","pointer").css("padding","0px");
	
	$("#submitStartDate").click(function(){
		location.href = "./admissions/startdate.asp?Campus="+$("select[name='campus'] option:selected").val()+"&Course="+$("select[name='course'] option:selected").text()+"&Year="+$("select[name='year'] option:selected").text();
		$("#subStartDate").toggle("slide",{},200);
	});
	
	
	$("#imgGallery").css("clear","both").css("float","left");
	$("#subGallery").css("float","left").css("background-color","white").css("width","400px").css("height","66px");
	
	$("#subStartDate").hide();
	$("#subCareer").hide();
	$("#subGallery").hide();

	$("#imgStartDate").bind("click", function(){
		$("#subStartDate").toggle("slide",{},400);
	});
	*/
		$("#speech-contest-popup").css({"margin-left":"5px", "cursor":"pointer"}).click(function(){ location.href="./popup/speech-contest/";});
	//top link
	$("#copyright_link_r").html("<span>sitemap</span> | <span>contact</span> | <span>site feedback</span> | <span>privacy policy</span>");
	$("#copyright_link_r span").css("cursor","pointer");
	
	
	$("#copyright_link_r span:eq(0)").click(function() 
	{
		location.href = "./information/sitemap.html";
	});

	$("#copyright_link_r span:eq(1)").click(function() 
	{
		location.href = "./information/contactus.html";
	});
	
	$("#copyright_link_r span:eq(2)").click(function() 
	{
		location.href = "mailto:graphics@kgic.ca";
	});
	$("#copyright_link_r span:eq(3)").click(function() 
	{
		location.href = "../information/privancy-policy.html";
	});
	
	$("#copyright_link_r span").hover(
		function()
		{
			$(this).css("color","#f27c34");
		},
		function()
		{	
			$(this).css("color","#80a3b6");
		}
	);
	$("#copyright_text_r").text("© 2011 King George International Business College - Canada TESOL Centre. All Rights Reserved.");
});


//new Floating(Object , X-Margin , Y-Margin , Slide Speed: low number is faster than high number(basic 20), smooth: low number is smooth than high (basic:10)
function Floating(FloatingObj,MarginX,MarginY,Percentage,setTime) {
	this.FloatingObj = FloatingObj;
	this.MarginX = (MarginX) ? MarginX : 0;
	this.MarginY = (MarginY) ? MarginY : 0;
	this.Percentage = (Percentage) ? Percentage : 20;
	this.setTime = (setTime) ? setTime : 10;
	this.FloatingObj.style.position = "absolute";
	this.Body = null;
	this.setTimeOut = null;
	this.Run();
}

Floating.prototype.Run = function () {
	if ((document.documentElement.scrollLeft + document.documentElement.scrollTop) > (document.body.scrollLeft + document.body.scrollTop)) {
		this.Body = document.documentElement;
	} else {
		this.Body = document.body;
	}

	var This = this;
	var FloatingObjLeft = (this.FloatingObj.style.left) ? parseInt(this.FloatingObj.style.left,10) : this.FloatingObj.offsetLeft;
	var FloatingObjTop = (this.FloatingObj.style.top) ? parseInt(this.FloatingObj.style.top,10) : this.FloatingObj.offsetTop;
	var DocLeft = this.Body.scrollLeft + this.MarginX;
	var DocTop = this.Body.scrollTop + this.MarginY;

	var MoveX = Math.abs(FloatingObjLeft - DocLeft);
	MoveX = Math.ceil(MoveX / this.Percentage);
	var MoveY = Math.abs(FloatingObjTop - DocTop);
	MoveY = Math.ceil(MoveY / this.Percentage);

	if (FloatingObjLeft < DocLeft) {
		this.FloatingObj.style.left = FloatingObjLeft + MoveX + "px";
	} else {
		this.FloatingObj.style.left = FloatingObjLeft - MoveX + "px";
	}

	if (FloatingObjTop < DocTop) {
		this.FloatingObj.style.top = FloatingObjTop + MoveY + "px";
	} else {
		this.FloatingObj.style.top = FloatingObjTop - MoveY + "px";
	}

	window.clearTimeout(this.setTimeOut);
	this.setTimeOut = window.setTimeout(function () { This.Run(); },this.setTime);
}