$(document).ready(function() {	
	$("#navigation li").each(function(){
		left_image = 'nav_a_temp.png';
		right_image = 'nav_a_temp.png';
	
		// check class
		if ($(this).attr('class') == 'active'){
			left_image = 'nav_a_l.png';
			right_image = 'nav_a_r.png';
		}
		
		$(this).find("a").html('<img src="images/'+left_image+'" /><span>'+$(this).find("a").html()+'</span><img src="images/'+right_image+'" />');

	});
	
		
	$("#navigation li").mouseover(function(){
		if ($(this).attr('class') != 'active') {
			$(this).find("a").children("img")[0].src = 'images/nav_a_l.png';
			$(this).find("a").children("img")[1].src = 'images/nav_a_r.png';
		}
	});
	
	
	$("#navigation li").mouseout(function(){
		if ($(this).attr('class') != 'active') {
			$(this).find("a").children("img")[0].src = 'images/nav_a_temp.png';
			$(this).find("a").children("img")[1].src = 'images/nav_a_temp.png';
		}
	});
});