$(document).ready(function(){
	$('ul#mediaPanel').hrzAccordion({
		openOnLoad: '1',
		handlePositionArray: 'right,left,left,left,left'
	});
	
	$('div.handle').hover(
		function(){
			if(!$(this).hasClass('handleSelected')){
				$(this).css('background-position', '0px -293px');
			}
		},
		
		function(){
			if(!$(this).hasClass('handleSelected')){
				$(this).css('background-position', '0px 0px');
			}
		}
	);
	
	$('div.handle').click(function(){
		$('div#tabs ul li').removeClass('ui-state-focus ui-tabs-selected ui-state-active');
	});
	
	$('a#mediaPanelStart').click(function(){
		$('div#mediaPanelHandle1').click();
	});
	
	$('div#mediaPanelHandle1').click(function(){								  
		$('div#tabs ul li#fiberTabLi').addClass('ui-state-focus ui-tabs-selected ui-state-active');
		$('.ui-tabs-panel').addClass('ui-tabs-hide');
		$('div#tabFiber').removeClass('ui-tabs-hide');
	});
	
	$('div#mediaPanelHandle2').click(function(){
		$('div#tabs ul li#weavingTabLi').addClass('ui-state-focus ui-tabs-selected ui-state-active');
		$('.ui-tabs-panel').addClass('ui-tabs-hide');
		$('div#tabWeaving').removeClass('ui-tabs-hide');
	});
	
	$('div#mediaPanelHandle3').click(function(){
		$('div#tabs ul li#dyeingTabLi').addClass('ui-state-focus ui-tabs-selected ui-state-active');
		$('.ui-tabs-panel').addClass('ui-tabs-hide');
		$('div#tabDyeing').removeClass('ui-tabs-hide');
	});
	
	$('div#tabs ul li#fiberTabLi a').click(function(){
		$('div#mediaPanelHandle1').click();
	});
	
	$('div#tabs ul li#weavingTabLi a').click(function(){
		$('div#mediaPanelHandle2').click();
	});
	
	$('div#tabs ul li#dyeingTabLi a').click(function(){
		$('div#mediaPanelHandle3').click();
	});
	
	$('p#nf_text_1').css({display: 'block'});
	
	$('ul.nf_list li a#nf_1').click(function(){
		$('ul.nf_list li a').removeClass('active_nf');
		
		if(!$(this).hasClass('active_nf')){	
			$(this).addClass('active_nf');
			
			$('p.active_nf_text').fadeOut('slow', function(){
				$('p.active_nf_text').removeClass('active_nf_text');
				$('p#nf_text_1').fadeIn('slow');
				$('p#nf_text_1').addClass('active_nf_text');
			});
		}
	});
	
	$('ul.nf_list li a#nf_2').click(function(){
		$('ul.nf_list li a').removeClass('active_nf');
		
		if(!$(this).hasClass('active_nf')){
			$(this).addClass('active_nf');
			
			$('p.active_nf_text').fadeOut('slow', function(){
				$('p.active_nf_text').removeClass('active_nf_text');
				$('p#nf_text_2').fadeIn('slow');
				$('p#nf_text_2').addClass('active_nf_text');
			});
		}
	});
	
	$('ul.nf_list li a#nf_3').click(function(){
		$('ul.nf_list li a').removeClass('active_nf');
		
		if(!$(this).hasClass('active_nf')){	
			$(this).addClass('active_nf');
			
			$('p.active_nf_text').fadeOut('slow', function(){
				$('p.active_nf_text').removeClass('active_nf_text');
				$('p#nf_text_3').fadeIn('slow');
				$('p#nf_text_3').addClass('active_nf_text');
			});
		}
	});
});