// JavaScript Document
$(document).ready(function(){
	var imgComputerSupport1 = jQuery("#imgComputerSupport1");		
	var imgComputerSupport2 = jQuery("#imgComputerSupport2");		
	var imgComputerSupport3 = jQuery("#imgComputerSupport3");		
	var imgComputerSupport4 = jQuery("#imgComputerSupport4");		
	var imgComputerSupport5 = jQuery("#imgComputerSupport5");		
	var imgComputerSupport6 = jQuery("#imgComputerSupport6");		
	var imgComputerSupport7 = jQuery("#imgComputerSupport7");		
	
	imgComputerSupport1.mouseover(changeImage);
	imgComputerSupport2.mouseover(changeImage);
	imgComputerSupport3.mouseover(changeImage);
	imgComputerSupport4.mouseover(changeImage);
	imgComputerSupport5.mouseover(changeImage);
	imgComputerSupport6.mouseover(changeImage);
	imgComputerSupport7.mouseover(changeImage);
	
	function changeImage(){
	
		var currentId = this.id
		var imgUrl    = 'images/'+this.id+'.jpg';
		var liId      = currentId.replace('img','li');
		
		for(var i=1;i<8;i++){			
			$('#imgComputerSupport'+i).removeClass();
			$('#liComputerSupport'+i).removeClass();		
		}
		
		
		$('#computerSupportImage').attr('src',imgUrl);
		$('#'+this.id).addClass('active');
		$('#'+liId).addClass('active');
		
	}
	
});