$(function(){
	//programs nav
	var id = $('#programs-nav li:first').attr('id');
	var dist=0;
    var marginL = $('.programs-content').css('margin-left').split('px');
    var divW = Number($('.programs-content').width())+Number(marginL[0]);
    
    $('#programs-bar #programs-bar-container > div:first').show();
    
    handleNav();
	
    $('#programs-bar ul#programs-nav li a').click(function(){
        
        $('#programs-nav li a').each(function(i){
            $(this).removeClass('programs-active');
        });
                    
        $(this).addClass('programs-active');
        $('#programs-bar-container > div').each(function(i){
            $(this).hide();
        })
        id = $(this).parent().attr('id');
        $('#' + id + '-content').fadeIn('fast');
		
		dist=0;
		
		handleNav();
    });

	
	function countNavItems(){
		var c;
		$('#' + id + '-content > .programs-content').each(function(i){
			c = i+1;
		})
		return c;
	}
	
	function handleNav(){
		if(countNavItems() <= 2){
			$('#programs-bar-nav').hide();
		} else{
			$('#programs-bar-nav').show();
		}
        
        var p = $('#' + id + '-content').position();
        if(p.left + $('#' + id + '-content').width() < countNavItems()*divW){
            $('#programs-bar-nav a#right').addClass('inactive');
        } else{
            $('#programs-bar-nav a#right').removeClass('inactive');
        }
        
        var pNav = $('#programs-bar ul#programs-nav').position();
        var pNavPad = $('#programs-bar ul#programs-nav').css('padding-left').split('px');
        pNavPad = Number(pNavPad[0]);
        
        if(p.left >= pNav.left + pNavPad + $('#programs-bar ul#programs-nav').width()){
            $('#programs-bar-nav a#left').addClass('inactive');
        } else{
            $('#programs-bar-nav a#left').removeClass('inactive');
        }
	}
	
	$('#programs-bar-nav a#right').click(function(){
		if(!$(this).hasClass('inactive')){
            var pos = $('.programs-content').position();
            dist -= divW;
            $('#' + id + '-content').animate({'left':dist}, function(){
                handleNav();
            });
        }
	})
    
    $('#programs-bar-nav a#left').click(function(){
		if(!$(this).hasClass('inactive')){
            var pos = $('.programs-content').position();
            dist += divW;
            $('#' + id + '-content').animate({'left':dist}, function(){
                handleNav();
            });
        }
	})
});
