jQuery(function($) {
    /**
    * Most jQuery.localScroll's settings, actually belong to jQuery.ScrollTo, check it's demo for an example of each option.
    * @see http://flesler.demos.com/jquery/scrollTo/
    * You can use EVERY single setting of jQuery.ScrollTo, in the settings hash you send to jQuery.LocalScroll.
    */

    // The default axis is 'y', but in this demo, I want to scroll both
    // You can modify any default like this
    $.localScroll.defaults.axis = 'xy';

    // Scroll initially if there's a hash (#something) in the url
    $.localScroll.hash({
        target: '#content', // Could be a selector or a jQuery object too.
        queue: true,
        duration: 1500
    });

    /**
    * NOTE: I use $.localScroll instead of $('#navigation').localScroll() so I
    * also affect the >> and << links. I want every link in the page to scroll.
    */
    $('.header').localScroll({
        target: '#content', // could be a selector or a jQuery object too.
        queue: true,
        duration: 1000,
        hash: true,
        onBefore: function(e, anchor, $target) {
            // The 'this' is the settings object, can be modified
        },
        onAfter: function(anchor, settings) {
            // The 'this' contains the scrolled element (#content)
        }
    });

    $('#ctl00_ContentPlaceHolder1_rptPages_ctl00_HeaderScroll1_sections').localScroll({
        target: '#content', // could be a selector or a jQuery object too.
        queue: true,
        duration: 1000,
        hash: true,
        onBefore: function(e, anchor, $target) {
            // The 'this' is the settings object, can be modified
        },
        onAfter: function(anchor, settings) {
            // The 'this' contains the scrolled element (#content)
        }
    });

    $('.footer').localScroll({
        target: '#content', // could be a selector or a jQuery object too.
        queue: true,
        duration: 1000,
        hash: true,
        onBefore: function(e, anchor, $target) {
            // The 'this' is the settings object, can be modified
        },
        onAfter: function(anchor, settings) {
            // The 'this' contains the scrolled element (#content)
        }
    });

    $('.footer').click(function() {
        $('.contenttreeview').scrollTo('0', 500, { axis: 'yx' });
        $('a.tv_item_active').removeClass("tv_item_active");
        $('.tree li a').addClass("tv_item");
        $('.menu_item').siblings().removeClass("menu_item_active");
        $('.menu_item').siblings().addClass("menu_item");
    });

    $('.menu_item').click(function() {
        $(this).removeClass("menu_item");
        $(this).addClass("menu_item_active");

        $(this).siblings().removeClass("menu_item_active");
        $(this).siblings().addClass("menu_item");

        $('.contenttreeview').scrollTo('0', 500, { axis: 'yx' });
        $('a.tv_item_active').removeClass("tv_item_active");
        $('.tree li a').addClass("tv_item");
    });

    $('#logo').click(function() {
        $('.menu_item').siblings().removeClass("menu_item_active");
        $('.menu_item').siblings().addClass("menu_item");
    });

    $('.tv_item').click(function() {

        $('a.tv_item_active').removeClass("tv_item_active");
        $('.tree li a').addClass("tv_item");

        $(this).removeClass("tv_item");
        $(this).addClass("tv_item_active");
    });

    $('.up').click(function() {
        $('.contenttreeview').scrollTo('-=100px', 500, { axis: 'y' });
    });
    $('.down').click(function() {
        $('.contenttreeview').scrollTo('+=100px', 500, { axis: 'y' });
    });

    //    $('.down').click(function() {
    //        $('#content').scrollTo('+=100px', 500, { axis: 'y' });
    //    });
    //    $('.up').click(function() {
    //        $('#content').scrollTo('-=100px', 500, { axis: 'y' });
    //    });

    $("img[rel]").overlay();


});