$(document).ready(function(){

	$( "#nav ul li a" ).click( function() {
		$( "#nav ul li.selected" ).removeClass("selected");
        $( this ).parent( "li" ).addClass( "selected" );            
        return false;
    });

	// load index page when the page loads
	$("#response").load("home.html");
	$("#about").click(function(){
	// load home page on click
		$("#response").load("about.html");
	});
	$("#programs").click(function(){
	// load about page on click
		$("#response").load("programs.html");
	});
	$("#infrastructure").click(function(){
	// load about page on click
		$("#response").load("infrastructure.html");
	});
	$("#learning").click(function(){
	// load about page on click
		$("#response").load("learning.html");
	});
	$("#placement").click(function(){
	// load about page on click
		$("#response").load("placement.html");
	});
	$("#contact").click(function(){
	// load contact form onclick
		$("#response").load("contact.html");
	});
	$("#key").click(function(){
		//load contact form onclick
		$("#response").load("keypeople.html");
	});
	$("#header").click(function(){
	// load contact form onclick
		$("#response").load("home.html");
		$( "#nav ul li" ).removeClass("selected");
	});
	$("#buzz").click(function(){
	// load contact form onclick
		$("#response").load("buzz.html");
		$( "#nav ul li" ).removeClass("selected");
	});
	

	$("a#vari").fancybox({
			'opacity'		: true,
				
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'none'
			});

			$("#various2").fancybox({
				'width'				: '68%',
				'height'			: '83%',
				'autoScale'			: true,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe',
				'scrolling'           : 'no'
			});
			
				
$("#firstpane p.menu_head").click(function()
    {
		$(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).siblings().css({backgroundImage:"url(left.png)"});
	});
	//slides the element with class "menu_body" when mouse is over the paragraph
	$("#secondpane p.menu_head").mouseover(function()
    {
	     $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
         $(this).siblings().css({backgroundImage:"url(left.png)"});
	});


	
});