$(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');

	$(".slide").each(function(i){
		slidesDivWidth += $(this).width();
	});

	$('#slide-container').css('width', slidesDivWidth + 'px');

	/*
	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;
	});
	
	var timer = setInterval( showDiv, 10000);
	
	$("#masthead").hover(
      function () {
        clearInterval(timer);
      }, 
      function () {
        timer = setInterval( showDiv, 10000);
      }
    );
	
	function showDiv() {
		var slide_array = new Array("#slide-number-1", "#slide-number-2", "#slide-number-3", "#slide-number-4");
		var link_array = new Array("#slide-link-1", "#slide-link-2", "#slide-link-3", "#slide-link-4");
		for (var i = 0; i < link_array.length; i++) {
			if ($(link_array[i]).parent().hasClass('active')) {
				if( (i+1) >= link_array.length) {
					var scroll_id = 0;
				}else{
					var scroll_id = i+1;
				}
				$('#masthead-nav li').removeClass('active');
				$(link_array[scroll_id]).parent().addClass('active');
				$('#slides').scrollTo(slide_array[scroll_id], scrollSpeed, {axis:'x'});
				return false;
			}
		}	
	}
	
	/*
        $('.comm-map').mapbox({
            layerSplit: 8,
            defaultLayer: 2
           // mousewheel: true
        });
        $('.comm-map').mapbox('back', 5);
        $(".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
                if(typeof gossip == 'function') {
                    gossip();
                }
            }
            else {
                viewport.mapbox(this.className);
            }
            return false;
        });
	*/
});