// JavaScript Document
// $(document).ready(...);
$(function(){
	
	//here handle the announcement
	$('#announcement').empty().append('<marquee>Announcements: coming soon </marquee>');
	
	///here u are workign on the navigation submenu links 
	// Create results
	var results = document.createElement("div");
	// Create jQuery object for results
	var $results = $(results);
	$results.hide().css("position", "absolute");
	// Add to body element
	$("body").append(results);
	
	//handle the home
	$('#home').mouseover(function(){		
		results.innerHTML="";
		$results.hide();
	});	
	//handle the news just to empty
	$('#news').mouseover(function(){		
		results.innerHTML="";
		$results.hide();
	});	
	//handle the alumni
	$('#alumni').mouseover(function(){		
		results.innerHTML="";
		$results.hide();
	});	
	//handle the faqs
	$('#faqs').mouseover(function(){		
		results.innerHTML="";
		$results.hide();
	});	
	//handle the contactus
	$('#contactus').mouseover(function(){		
		results.innerHTML="";
		$results.hide();
	});	
	
	//handle the about hover
	$('#about').mouseover(function(){
		results.innerHTML="";
		$results.hide();
	});	
	
	//handle the programmes hover
	$('#programmes').mouseover(function(){
		var offset={};
		$(this).offset({},offset);		
		//alert(offset.top);
		dmenu="<ul id='dropmenu' style='background-color:#125E8B'>";
		dmenu+="<li><a href='acca.htm'>ACCA</a></li>";
		dmenu+="<li><a href='cat.htm'>CAT</a></li>";
		dmenu+="<li><a href='cim.htm'>CIM</a></li>";
		dmenu+="<li><a href='english.htm'>English For Business</a></li>";
		dmenu+"</ul>";
		results.innerHTML=dmenu;
		// reposition
		$results.css({
			width: "auto",
			top: (offset.top+25) + "px",
			left: (offset.left) + "px"
		}).show();		
	});	
	
	//handle the admission hover
	$('#admission').mouseover(function(){
		var offset={};
		$(this).offset({},offset);		
		//alert(offset.top);
		dmenu="<ul id='dropmenu' style='background-color:#125E8B'>";
		dmenu+="<li><a href='admission_acca.html'>ACCA enrollment form</a></li>";
		dmenu+="<li><a href='admission_cat.html'>CAT enrollment form</a></li>";
		dmenu+="<li><a href='admission_cim.html'>CIM enrollment form</a></li>";
		dmenu+"</ul>";
		results.innerHTML=dmenu;
		// reposition
		$results.css({
			width: "auto",
			top: (offset.top+25) + "px",
			left: (offset.left) + "px"
		}).show();		
	});	
	
	//handle the admission hover
	$('#staff').mouseover(function(){
		var offset={};
		$(this).offset({},offset);		
		//alert(offset.top);
		dmenu="<ul id='dropmenu' style='background-color:#125E8B'>";
		dmenu+="<li><a href='staff.htm'>Staffs</a></li>";	
		dmenu+="<li><a href='stafflogin.html'>Staff Login</a></li>";
		dmenu+"</ul>";
		results.innerHTML=dmenu;
		// reposition
		$results.css({
			width: "auto",
			top: (offset.top+25) + "px",
			left: (offset.left) + "px"
		}).show();		
	});	
	
	//handle the admission hover
	$('#students').mouseover(function(){
		var offset={};
		$(this).offset({},offset);		
		//alert(offset.top);
		dmenu="<ul id='dropmenu' style='background-color:#125E8B'>";
		dmenu+="<li><a href='students_coursetimetable.html'>course timetable</a></li>";	
		dmenu+="<li><a href='students_examtimetable.html'>exam timetable</a></li>";	
		dmenu+="<li><a href='students_prospectus.html'>prospectus</a></li>";	
		dmenu+="<li><a href='students_login'>students login</a></li>";	
		dmenu+="<li><a href='students_feedback.html'>student feedback</a></li>";			
		dmenu+"</ul>";
		results.innerHTML=dmenu;
		// reposition
		$results.css({
			width: "auto",
			top: (offset.top+25) + "px",
			left: (offset.left) + "px"
		}).show();		
	});	
	
});