$(document).ready(function() {

		// set curor to pointer on courses (IE cant handle :hover correctly)
		$("a[id^='courses_selection']").each(function(i) {

// Internet Explorer 6 doesnt handle <a> links with elements inside very well,
// so change mouse cursor to a pointer on mouseover with javascript.
// As a saftey precaution, also rredirect links with javascript..

			var $this	= $(this);
			var subid	= $this.attr("id");

			$this.mouseover(function(){
				$this.css({'cursor' : 'pointer'});
			});

			$this.click(function(){
				if (subid == "courses_selection1")
					window.location = "coursea.html";

				if (subid == "courses_selection2")
					window.location = "courseb.html";

				if (subid == "courses_selection3")
					window.location = "coursec.html";
			});

		});
});


