$(document).ready(function(){

	
// Display disclaimer on click, hide on click elsewhere (or close)
	$('a[href=#disclaimer]').click(function(event) {
		event.preventDefault();	
		$("#disclaimer").fadeIn(300);
		$("#modal").css('filter', 'alpha(opacity=50)').fadeIn(300);
		$("#navcontainer").css('filter', 'alpha(opacity=30)')
	}); 
	
	$('p.close').click(function(event) {
		event.preventDefault();
		$("#disclaimer").fadeOut(100)
		$("#modal").fadeOut(100)
		$("#navcontainer").css('filter', 'alpha(opacity=80)')
	}); 
	

	// Slide frame from right
	function slideRight(event, nextPane, currentPane, allLinks, target, wrapper, distance) {	
		event.preventDefault();
		
		// only run when no animation is active
		if (!isRunning) {		
			// Remove active from all links
			if (currentPane != nextPane) {	
				$(allLinks).removeClass('active');
				$('a[href='+nextPane+']').addClass('active');
				currentPane = nextPane; 
				isRunning = !isRunning;	
				$(target).append( $(nextPane).addClass('right') ).animate({
    			left: '-='+distance
    			}, 500, function () {
      				$(wrapper).append( $(target + ' .left:first').removeClass('left') ); 
    				$(target).removeAttr("style"); 
    				$(target+' .right').removeClass('right').addClass('left');
    				if (target=='.frame') resetAllSlides();   
    				isRunning = !isRunning; 
					});	// end .animate()	 			
			} // end if
		} // isRunning
	 return currentPane; // end function slideRight
	 }

	// Reset subpanes
	function resetSlide(nav, target, wrapper) {	
		$(wrapper).append( $(target + ' .left:first').removeClass('left') ); 	
    	$(target).append($(wrapper+' .default').addClass('left'));
     	$(nav + ' a').removeClass('active');
      	$(nav + ' a:first').addClass('active');
     return ('#'+$(wrapper+' .default').attr('id'));
	 }
	 
	 // Reset all 3 subpanes
	 function resetAllSlides () {
	 	currentSubPaneCompany = resetSlide('#companies ul.subnav li', subTargetCompany, subWrapperCompany);
		currentSubPaneCareers = resetSlide('#careers ul.subnav li', subTargetCareers, subWrapperCareers);
		currentSubPaneTean = resetSlide('#partners ul.subnav li', subTargetTeam, subWrapperTeam);
	 }
	 
	// Initialize 
	var isRunning = false;
	
	/* Subpane: Company
	=========================== */
	var subTargetCompany = '#companies .subframe';
	var subWrapperCompany = '#companies .subpane';	
	var currentSubPaneCompany = '#culture';
	
	$(subWrapperCompany).prepend('<div class=\"subframe\"></div>');
	$(subTargetCompany).append( $(currentSubPaneCompany).addClass('left') );
	
	$('#companies ul.subnav li a').click(function(event) {
		currentSubPaneCompany = slideRight(event, this.hash, currentSubPaneCompany, 'ul.subnav li a', subTargetCompany, subWrapperCompany, '590px');
	}); 
	
	/* Subpane: Careers
	=========================== */
	var subTargetCareers = '#careers .subframe';
	var subWrapperCareers = '#careers .subpane';	
	var currentSubPaneCareers = '#expTraders';
	
	$(subWrapperCareers).prepend('<div class=\"subframe\"></div>');
	$(subTargetCareers).append( $(currentSubPaneCareers).addClass('left') );	
	
	$('#careers ul.subnav li a').click(function(event) {
		currentSubPaneCareers = slideRight(event, this.hash, currentSubPaneCareers, 'ul.subnav li a', subTargetCareers, subWrapperCareers, '590px');
	});	
	
	/* Subpane: Team
	=========================== */
	var subTargetTeam = '#partners .subframe';
	var subWrapperTeam = '#partners .subpane';	
	var currentSubPaneTeam = '#mgoodwin';
	
	$(subWrapperTeam).prepend('<div class=\"subframe\"></div>');
	$(subTargetTeam).append( $(currentSubPaneTeam).addClass('left') );	
	
	$('#partners ul.subnav li a').click(function(event) {
		currentSubPaneTeam = slideRight(event, this.hash, currentSubPaneTeam, 'ul.subnav li a', subTargetTeam, subWrapperTeam, '590px');
	});		
	
	/* Main panes
	=========================== */
	var wrapper = '.maincontent';
	var target = '.frame';
	var currentPane = '#home';
	
	$(wrapper).prepend('<div class=\"frame\"></div>');
	$(target).append( $(currentPane).addClass('left') );
	
	// Move target pane to right side, animate frame left and reset frame
	$('.header a').not('.login').click(function(event) {
		currentPane = slideRight(event, this.hash, currentPane, '.header a', target, wrapper, '1000px'); 
	}); 
    
	

	
	
	


}); // end .ready