// JavaScript Document
// JavaScript Document
$(document).ready(function(){
var perimage='enviroment11';
   $('.EnviromentNav Img').mouseover(function(e){
       var enviroId = e.target.id;
		document.getElementById(enviroId).style.cursor='pointer';
	     $("#"+enviroId).attr({ 
           src: "images/"+enviroId+".jpg"
        });
	 });
	 
	$('.EnviromentNav Img').mouseout(function(e){
         var outenviroId = e.target.id;
		 var ennavRr;
		 document.getElementById(outenviroId).style.cursor='pointer';
		
		 if(outenviroId==navEnviId){
		   
		  }else{
		     ennavRr = outenviroId.replace('1','2');
		     $("#"+outenviroId).attr({ 
              src: "images/"+ennavRr+".jpg"
           });
		 }
	 }); 
	 
	 $('.EnviromentNav Img').click(function(e) {
	     var checkenviroId = e.target.id;
		 navEnviId =checkenviroId;
	
		 $("#"+navEnviId).attr({ 
              src: "images/"+navEnviId+".jpg"
		  });
		  
		 if(perimage!=checkenviroId){
			 perimageId = perimage.replace('1','2');
			 $("#"+perimage).attr({ 
				  src: "images/"+perimageId+".jpg"
			 });			 
			 perimage=navEnviId;
		 }  
		
		 $.ajax({
			  url: checkenviroId+'.html',
			  success: function(data) {
			    $('.EnviromentMenu').html(data);
			  }
		});
	});
 });
