$(function(){
		   
	function changeTab(tab_id) {
		switch(tab_id) {
			case 'request_tab':
				$('#request_tab').css({'background':'url(images/tab/tab_1_2.jpg) no-repeat'});
				$('#request_tab a').css({'color':'#cc1042', 'background':'url(images/arrow/red_dot.gif) 10px center no-repeat'});
				$('#request_content').show();
			break;
			
			case 'offer_tab':
				$('#offer_tab').css({'background':'url(images/tab/tab_2_2.jpg) no-repeat'});
				$('#offer_tab a').css({'color':'#cc1042', 'background':'url(images/arrow/red_dot.gif) 10px center no-repeat'});
				$('#offer_content').show();
			break;
		}	
	}
	
	function resetTab() {
		$('#request_tab').css({'background':'url(images/tab/tab_1.jpg) no-repeat'});
		$('#request_tab a').css({'color':'#000', 'background':'url(images/arrow/black_dot.gif) 10px center no-repeat'});
		
		$('#offer_tab').css({'background':'url(images/tab/tab_2.jpg) no-repeat'});
		$('#offer_tab a').css({'color':'#000', 'background':'url(images/arrow/black_dot.gif) 10px center no-repeat'});
		
		$('#request_content').hide();	
		$('#offer_content').hide();
	}
	
	function init() {
		resetTab();
		changeTab('request_tab');	
	}
	
	//------------------------------------------------------------------------------
	
	init();
	
	$('#request_tab, #offer_tab').click(function(){
		var tab_id = $(this).attr('id');
		resetTab();
		changeTab(tab_id);
	});	   
});