// JavaScript Document
$(document).ready(function(){

//services nav
$('#services_sn li a').click(function(e){
	if($(this).hasClass('sb_active')) {
		e.preventDefault();
	}else{
		e.preventDefault();
		//change nav class
		$('li.sb_active').removeClass('sb_active');
		$(this).parent().addClass('sb_active');
		//change viewable div
		$('div.mi_show').removeClass('mi_show');
		var activediv = $(this).attr('alt');
		$(activediv).addClass('mi_show');
				
	}
	});
	
	
// main nav highlights
$('.nav ul li').hover(
    function() {
        $(this).stop().animate({backgroundColor:'#f6f6e6'}, 1000);
        }, function () {
        $(this).stop().animate({backgroundColor:'#fff'}, 500);
    });
	
//portfolio nav highlights
$('#sub-nav_portfolio ul li').hover(
    function() {
        $(this).stop().animate({backgroundColor:'#f6f6e6'}, 500);
        }, function () {
        $(this).stop().animate({backgroundColor:'#fff'}, 500);
    });
	

// sub nav hidden
$('#work').hover(function() { 
		$('.nav2').slideDown('fast'); 
	}, function() { 
		$('.nav2').slideUp('fast'); 
});

$('#about').hover(function() { 
		$('.nav3').slideDown('fast'); 
	}, function() { 
		$('.nav3').slideUp('fast'); 
});

// portfolio top nav
$('#nav_portfolio_a').hover(function() { 
		$('#nav_portfolio').slideDown('750'); 
	}, function() { 
		$('#nav_portfolio').slideUp('750'); 
});

$('#nav_portfolio li').hover(function() {
	$(this).stop().animate({backgroundColor:'#959309'}, 0);
		}, function () {
	$(this).stop().animate({backgroundColor:'#f6f6e6'}, 1000);
});
	
$('#nav_portfolio li').click(function(){
	var port_url = $(this).attr('alt');
	window.location = port_url;
});


//dot nav
$('#portfolio_dots li').click(function(e){
	if($(this).hasClass('nav_dot_a')) {
		e.preventDefault();
	}else{
		e.preventDefault();
		//vars
		var activedot = $(this).attr('alt');
		var olddot = $('li.nav_dot_a').attr('alt');
		//change nav class
		$('li.nav_dot_a').removeClass('nav_dot_a');
		$(this).addClass('nav_dot_a');
		//change viewable div
		$(olddot).fadeOut(400, function() {
			$(activedot).fadeIn(800);}).removeClass('image_active');
		}
	});
	




}); //end