$(document).ready(function(){

	/* ----- slider functionality ----- */
	
	var scrollSpeed = 500;
	var slidesDivWidth = 0;

	var slide = document.location.toString();
	var theAnchor = '#' + slide.split('#')[1];

	$('#masthead-nav li:first').addClass('active');
        $('#masthead-nav li').eq(1).addClass('active');
        $('#masthead-nav li a').click(function() {
            var timeId;
            var elem = $(this).parent(),
            num = $(elem)[0].className.split('-')[2];
            if($(elem).hasClass('active') === false) {
                clearTimeout(timeId);
                $('#masthead-nav li:not(.masthead-nav-one)').removeClass('active');
                $(elem).addClass('active');
                $('#masthead-nav>div').slideUp(600);
                timeId = setTimeout(function() {//instead of Callback so no double execution;
                    $('#masthead-content-' + num).slideDown(600);
                }, 600)
            }
            return false;
        })
	
	$(".slide").each(function(i){
		slidesDivWidth += $(this).width();
	});
	
	$('#slide-container').css('width', slidesDivWidth + 'px');
        $('.comm-map').mapbox({
            layerSplit: 4,
            defaultLayer: 2
           // mousewheel: true
        });
        $('.comm-map').mapbox('back', 4);
        $(".map-control a").click(function() {//control panel
            var viewport = $('.comm-map');
            //this.className is same as method to be called
            if(this.className == "zoom" || this.className == "back") {
                viewport.mapbox(this.className, 2);//step twice
            }
            else {
                viewport.mapbox(this.className);
            }
            return false;
        });
	
	/*
	if (slide.match('#')) { // the URL contains an anchor
		$('#slides').scrollTo(theAnchor, scrollSpeed, {axis:'x'});
		$('#masthead-nav li').removeClass('active');
		$(theAnchor).addClass('active-slide');
		$('#masthead-nav a[href="' + theAnchor + '"]').parents("li:first").addClass("active");
	}
	*/

	/*$('#masthead-nav a').click(function(){
		$('#masthead-nav li').removeClass('active');	
		$(this).parents("li:first").addClass('active');
		$($(this).attr('href')).addClass('active-slide');
		$('#slides').scrollTo($(this).attr('href'), scrollSpeed, {axis:'x'});
		return false;
	});*/

});