$(document).ready(function(){
	var currenttitle = document.title;
	var tweening = false;
	var lightnav = true;

	//click event (nav items)
	$('.nav a').click(function(){
		if(!tweening){
			tweening = true;
			
			var thistitle = $(this).attr('rel');
			var imglink = $(this).attr('href');
			var bgcolor = $(this).parent().attr('rel');
			$('.copy:visible').fadeOut('200');
							
			$('.current').removeClass('current');
			$(this).parent().addClass('current');
			
			updateHighlight();
			
			$('.content').fadeOut(200, function(){
				$('body').animate({ backgroundColor: bgcolor }, 500, "easeInQuint", function(){
					
					$('body').css({ background: bgcolor });
					changeContent(imglink);
					togglenav();
				});//end body color fade
				
			});//end content fade
			
			document.title = currenttitle + " | " + thistitle;
		}//end tween check
		
		return false;
	});
	
	$('.nav a').hover(
		function(){
			$('.tooltip').remove();
			$(this).append('<div class=\"tooltip\">' + $(this).attr('rel') + '</div>');
			var bgcolor = $(this).parent().attr('rel');
			if($(this).parent().hasClass('000')){
				var newcolor = '#000000';
			}else{
				var newcolor = '#ffffff';
			}
			$('.tooltip')
				.css({"background":bgcolor, "color":newcolor})
				.show()
				.animate({"opacity": 0.0, "top":"10px"}, 0)
				.animate({"top": "20px", "opacity": 0.9}, 300);
				
				
		},
		function(){
			$('.tooltip').remove();
		}
	);
	
	function offsetter(){
		var mainpic = $('.mainpic');
		$('.content').css({'width' : mainpic.width()});
		//$('.content').css({"left":0});
		
		/*var containerwidth = $('#container').width();
		var containerheight = $('#container').height();
		var pagewidth = ( $('.mainpic').width() < 1 ) ? $('.copy').width() : $('.mainpic').width();
		var pageheight = $('.mainpic').height();
		
		var thisposition = $('.content').offset();
		var containerposition = $('#container').offset();
		var offset = thisposition.left - containerposition.left;
		offset -=(containerwidth-pagewidth)/2;
		var offsetx = pagewidth - containerwidth;
			
		if(offsetx < 0){
			offsetx=offsetx/2*-1
 			//$('.content').css({"left":offsetx});
			
		}else{
			//$('.content').css({"left":0});
		}
		*/
	}
	
	
	
	function togglenav(){
		if( $('.current').hasClass('000')){
				if(lightnav==true){
					$('.highlight').css({'background':'#000' });
					$('#logo img').attr('src', 'ds9v3/img/ds9logo000.png');
					$('.logomark').attr('src', 'ds9v3/img/logo-mark000.png');
					$('.light').addClass("dark");
					lightnav=false;
				}
			}else{
				if(lightnav==false){
					$('.highlight').css({ 'background':'#fff' });
					$('#logo img').attr('src', 'ds9v3/img/ds9logo.png');
					$('.logomark').attr('src', 'ds9v3/img/logo-mark.png');
					$('.dark').removeClass("dark");
					lightnav=true;
				}
			}
	}
	
	//swap backgrounds and fade in content
	function changeContent(imglink){
		if(imglink != '#'){
			var toload = '<img class=\'mainpic\' src="'+ imglink +'" />';
		}else{
			var toload = ''
		}
		$('.content').find('.mainpic').remove();
		$('.content').prepend(toload);
		
		$('.content').animate({"opacity":0.0}, 0).show();
		
		if($('.current').hasClass('copylink')){
			$('img.mainpic').load(function(){
				contentPull($('.current').attr('id'));
				offsetter();
				$('.content').animate({"opacity":1.0}, 500, "easeOutSine", function(){
					tweening = false;
				});
			});
		} else{
			$('img.mainpic').load(function(){
				offsetter();
				$('.content').animate({"opacity":1.0}, 500, "easeOutSine", function(){
					tweening = false;
				});
								
			});
		}		
	}
	
	
	
	function contentPull(contentid){
	
		var contentdiv = contentid.replace(/link/,'');
		contentdiv = '#'+contentdiv;
		$(contentdiv).show();
		/*switch(contentid)
		{
		case 'serviceslink':
			$('#services').show();
		  break;    
		case 'introlink':
			$('#intro').show();
		  break;
		case 'contactlink':
			$('#contact').show();
		  break;
		case 'gglink':
			$('#gg').show();
		  break;
		default:
		 
		}*/
		
	}

	function updateHighlight(){
		var offsetter = $('.current').offset();
		var highlightoffset = $('.highlight').offset();
		$('.highlight').animate({ left: offsetter.left-17, top: offsetter.top+3 }, 300, "easeOutQuint", function(){
		});
	}
	
	function nextSlide(){
		if($('.current').next().eq(0).hasClass('newline')){
			$('.current').next().next().eq(0).find('a').click(); 
			return false; 
		}else{
			$('.current').next().eq(0).find('a').click(); 
			return false; 
		}

	}
	
	function previousSlide(){
		if($('.current').prev().eq(0).hasClass('newline')){
			$('.current').prev().prev().eq(0).find('a').click(); 
			return false; 
		}else{
			$('.current').prev().eq(0).find('a').click(); 
			return false; 
		}
	}
	
	

	//bind key events
	$(document).bind('keyup', 'right', function (evt){
		nextSlide();
	});
	$(document).bind('keyup', 'down', function (evt){
		nextSlide();
	});
	$(document).bind('keyup', 'left', function (evt){
		previousSlide();
	});
	$(document).bind('keyup', 'up', function (evt){
		previousSlide();
	});
	
	
	//set off first in nav
	$('.nav li a').eq(0).click();

});