function changeImg(image_id, image_folder){
	//alert(image_folder);
   document.getElementById(image_id).src = image_folder;
   
}

/* jquery function to hide and show portfolio links DIV */

$(document).ready(function(){
						   
		var baseURL=document.getElementById('bURL').value;
		var url = window.location.pathname;
		var filename = url.substring(url.lastIndexOf('/')+1);
		var g = $("li#Gra2").find('a'); //<--------get the anchor under	the current LI
		var m = $("li#Mul3").find('a'); //<--------get the anchor under	the current LI
		var s = $("li#Seo4").find('a'); //<--------get the anchor under	the current LI
		//alert(filename);
		
	
	   $('div#openPortDiv').mouseover(function(){
								 $('div#openPortDiv').css("display", "block");
								 //alert('hello');
								 //return false;
								 changeImg('Image6', baseURL+'images/portfolio-nav-hover.jpg');
								 
								 });								 
	   $('div#openPortDiv').mouseout(function(){
								 $('div#openPortDiv').css("display", "none");
								 //alert(url);
								 //return false;
								 if(filename=='portfolio.html')
 								 changeImg('Image6', baseURL+'images/portfolio-nav-hover1.jpg');
								 else
								 changeImg('Image6', baseURL+'images/portfolio-nav.jpg');						 
								   	 
						});
	   
	   $('div.portfolio_list_container').mouseover(function(){
								 $(this).switchClass('portfolio_list_container_ovr', 'portfolio_list_container', 0);
								 return false;
								 });
	   
	   $('div.portfolio_list_container').mouseout(function(){
								 $(this).switchClass('portfolio_list_container', 'portfolio_list_container_ovr', 0);
								 return false;
								 });
	   
	    $('div.seo_list_container_ovr').mouseover(function(){
								 $(this).switchClass('seo_list_container_ovr', 'seo_list_container', 0);
								 return false;
								 });
	   
	   $('div.seo_list_container_ovr').mouseout(function(){
								 $(this).switchClass('seo_list_container', 'seo_list_container_ovr', 0);
								 return false;
								 });
	   
	   
	   
	   
	    $("li#Web1").mouseover(function(){
     	$("ul").removeClass().addClass("websites");
		
		 $('li#Web1 a').addClass("selected");
		 $('li#Gra2 a').addClass("unselected");
		 $('li#Mul3 a').addClass("unselected");
		 $('li#Seo4 a').addClass("unselected");
		
		$("div#websiteBox").css("display", "block");
	    $("div#graphicsBox").css("display", "none");
	    $("div#multimediaBox").css("display", "none");
	    $("div#seoBox").css("display", "none");		
		}).mouseout(function(){		
		//$('li#Web1 a').addClass("selected");

		});
		
		 $("li#Gra2").mouseover(function(){										 
		 $("ul").removeClass().addClass("graphics");
		
		 $('li#Web1 a').addClass("unselected");
		 $('li#Gra2 a').addClass("selected");
		 $('li#Mul3 a').addClass("unselected");
		 $('li#Seo4 a').addClass("unselected");

	    $("div#graphicsBox").css("display", "block");
	    $("div#websiteBox").css("display", "none");
	    $("div#multimediaBox").css("display", "none");
	    $("div#seoBox").css("display", "none");
		}).mouseout(function(){
		
		 //$('li#Gra2 a').addClass("selected");
		});
		 
		 $("li#Mul3").mouseover(function(){
		 $("ul").removeClass().addClass("multimedia");
		 
		 $('li#Web1 a').addClass("unselected");
		 $('li#Gra2 a').addClass("unselected");
		 $('li#Mul3 a').addClass("selected");
		 $('li#Seo4 a').addClass("unselected");
		
	    $("div#multimediaBox").css("display", "block");
	    $("div#websiteBox").css("display", "none");
	    $("div#graphicsBox").css("display", "none");
	    $("div#seoBox").css("display", "none");		

		}).mouseout(function(){
		 //$('li#Mul3 a').addClass("selected");
		});
		
		 $("li#Seo4").mouseover(function(){
    	 $("ul").removeClass().addClass("seo");
		
		 $('li#Web1 a').addClass("unselected");
		 $('li#Gra2 a').addClass("unselected");
		 $('li#Mul3 a').addClass("unselected");
		 $('li#Seo4 a').addClass("selected");
		
	    $("div#seoBox").css("display", "block");
	    $("div#websiteBox").css("display", "none");
	    $("div#graphicsBox").css("display", "none");
	    $("div#multimediaBox").css("display", "none");		

		}).mouseout(function(){
		 //$('li#Seo4 a').addClass("selected");
		});
		 
		/*$('div#websiteBox').mouseover(function(){
								  $('div#websiteBox').css("display", "block");
							      $("div#porfolioLinks ul").removeClass().addClass("websites");
								 });								 
	   $('div#websiteBox').mouseout(function(){
								  $('div#websiteBox').css("display", "none");
							      $("div#porfolioLinks ul").removeClass().addClass("");
								  $('li#Web1 a').addClass("unselected");
								   	 
						});*/
		
		 
	   
});