$(document).ready(function() {

    var $panels = $('#slider .panel');
    var $container = $('#slider .scrollContainer');
    var $scroll = $('#slider .scroll').css("overflow", "hidden");

    $('#sliderController a.nav').click(selectNav);

    function selectNav() {
        $(this)
				.parents("ul:first:")
					.find('a')
						.removeClass("active")
					.end()
				.end()
				.addClass("active");

    }


    var scrollOptions = {
        target: $scroll,
        items: $panels,
        navigation: '#sliderController a.nav',
        prev: '#sliderController .slideLeft a',
        next: '#sliderController .slideRight a',
        axis: 'y',
        duration: 500,
        easing: 'swing',
        onAfter: trigger
    };
    $("#slider").serialScroll(scrollOptions);
    function trigger(data) {

        var el = $('#sliderController').find('a[href$="' + data.id + '"]').get(0);
        selectNav.call(el);

    }



    if (window.location.hash) {
        trigger({ id: window.location.hash.substr(1) });
    } else {
        $('#sliderController a.nav:first')
			.click()
			.addClass("active");
    }
});