$(document).ready(function() {

	var urlAnchor = document.location.hash;
    if ((urlAnchor == "#demograph" && !siteHasDemography) || (urlAnchor == "#auditory" && !siteHasAuditory) || (urlAnchor == "#graphic" && !siteHasGraphs)) {
        urlAnchor = "#about";
        document.location.hash = urlAnchor;
    }
    if (urlAnchor == "#about") {
	} else if (urlAnchor == "#demograph") {
		$('#toAbout').toggleClass("active");
		$("#aboutSite").css({ display : 'none' });
		$('#toDemography').toggleClass("active");
	} else if (urlAnchor == "#auditory") {
		$('#toAbout').toggleClass("active");
		$("#aboutSite").css({ display : 'none' });
		$("#demography").css({ display : 'none' });
		$('#toAuditory').toggleClass("active");
	} else if (urlAnchor == "#graphic") {
		$('#toAbout').toggleClass("active");
		$("#aboutSite").css({ display : 'none' });
		$("#auditoriya").css({ display : 'none' });
		$("#demography").css({ display : 'none' });
		$('#toGraphic').toggleClass("active");
        initFirstGraphicStats();
    }

    $.tablesorter.addWidget({
        id: "showTen",
        format: function(table) {
            var size = $("tr", table).size() - 11;
            $("tr", table).css({ display: 'none' });



            for (var i = 0; i < 11; i++)
            {

				if ((jQuery.browser.msie) && (jQuery.browser.version < 8))
					$("tr:eq(" + i + ")", table).css({ display: 'block' });
				else
					$("tr:eq(" + i + ")", table).css({ display: 'table-row' });

            }

//			$("tr:eq(10) td", table).css({ borderBottom: '0' });
        }

    });

    $.tablesorter.addWidget({
        id: "showFive",
        format: function(table) {
            var size = $("tr", table).size() - 6;
             $("tr", table).css({ display: 'none' });



            for (var i = 0; i < 6; i++)
            {

				if ((jQuery.browser.msie) && (jQuery.browser.version < 8))
					$("tr:eq(" + i + ")", table).css({ display: 'block' });
				else
					$("tr:eq(" + i + ")", table).css({ display: 'table-row' });

            }

//			$("tr:eq(5) td", table).css({ borderBottom: '0' });
        }

    });

     $.tablesorter.addWidget({
        id: "showSix",
        format: function(table) {
            var size = $("tr", table).size() - 7;
             $("tr", table).css({ display: 'none' });

            for (var i = 0; i < 7; i++)
            {
				if ((jQuery.browser.msie) && (jQuery.browser.version < 8))
					$("tr:eq(" + i + ")", table).css({ display: 'block' });
				else
					$("tr:eq(" + i + ")", table).css({ display: 'table-row' });
            }
        }
    });


    $.tablesorter.addWidget({
        id: "notShowLastB",
        format: function(table) {

            $("td", table).removeClass('ten');
            $("tr:eq(10) td", table).addClass('ten');
        }

    });

    $.tablesorter.addWidget({
        id: 'profession_cookie',
        format: function(table) {
            var sortList = table.config.sortList;
            setCookie('netchart_profession', sortList, 500);
        }
    });

    if ($("#professionTableId td").size() > 0) {
        var profSortOrderArray = getCookie('netchart_profession');
        var profSortColumn = 4;
        var profSortOrder = 1;
        if (profSortOrderArray) {
            profSortColumn = profSortOrderArray[0];
            profSortOrder = profSortOrderArray[2];
        }
        $("#professionTableId").tablesorter({
            sortList:[[profSortColumn,profSortOrder]],  widgets: ['zebra', 'showFive', 'profession_cookie'],
            headers: {
                1: { sorter: false },
                2: { sorter: false }
            }
        });
    }

    $.tablesorter.addWidget({
        id: 'position_cookie',
        format: function(table) {
            var sortList = table.config.sortList;
            setCookie('netchart_position', sortList, 500);
        }
    });

    if ($("#positionTableId td").size() > 0) {
        var posSortOrderArray = getCookie('netchart_position');
        var posSortColumn = 4;
        var posSortOrder = 1;
        if (posSortOrderArray) {
            posSortColumn = posSortOrderArray[0];
            posSortOrder = posSortOrderArray[2];
        } 
        $("#positionTableId").tablesorter({
            sortList:[[posSortColumn,posSortOrder]],  widgets: ['zebra', 'showSix', 'position_cookie'],
            headers: {
                1: { sorter: false },
                2: { sorter: false }
            }
        });
    }

    $.tablesorter.addWidget({
        id: 'interest_cookie',
        format: function(table) {
            var sortList = table.config.sortList;
            setCookie('netchart_interest', sortList, 500);
        }
    });

    if($("table.interest td").size()>0) {
        var intSortOrderArray = getCookie('netchart_interest');
        var intSortColumn = 3;
        var intSortOrder = 1;
        if (intSortOrderArray) {
            intSortColumn = intSortOrderArray[0];
            intSortOrder = intSortOrderArray[2];
        }
        $("table.interest").tablesorter({
			sortList:[[intSortColumn,intSortOrder]],  widgets: ['zebra', 'showTen', 'interest_cookie'],
			headers: {
				1: { sorter: false }
			}
		});
    }

    $.tablesorter.addWidget({
        id: 'fav_sites_cookie',
        format: function(table) {
            var sortList = table.config.sortList;
            setCookie('netchart_fav_sites', sortList, 500);
        }
    });

    if($("table.favoritesites td").size()>0) {
        var favSortOrderArray = getCookie('netchart_fav_sites');
        var favSortColumn = 3;
        var favSortOrder = 1;
        if (favSortOrderArray) {
            favSortColumn = favSortOrderArray[0];
            favSortOrder = favSortOrderArray[2];
        } 
        $("table.favoritesites").tablesorter({
            sortList:[[favSortColumn,favSortOrder]],  widgets: ['zebra', 'showTen', 'fav_sites_cookie'],
            headers: {
                1: { sorter: false }
            }
        });
    }


    var wdth = $('div#statisticPage').width();
    $('div#statisticPage div.screen').css({width: wdth});

    $("div.scrollable div.items").css({ width: "10000px" });
    $("div#statisticPage div.screen").css({ float: "left" });

    var act = 1;

	// инициализация блоков для прокрутки
    $("div.scrollable div.items").css({ width: "10000px" });
    $("div#statisticPage div.screen").css({ float: "left" });


    $(window).resize(function() {

        var wdth = $('div#statisticPage').width();
        $('div#statisticPage div.screen').css({width: wdth});

        switch (act)
                {
            case 1: {
                var $target = $paneTarget.find('#aboutSite');
                $paneTarget.stop().scrollTo($target, 0);
                break
            }
            case 2: {
                var $target = $paneTarget.find('#demography');
                $paneTarget.stop().scrollTo($target, 0);
                break
            }
            case 3: {
                var $target = $paneTarget.find('#auditoriya');
                $paneTarget.stop().scrollTo($target, 0);
                break
            }
            case 4: {
                var $target = $paneTarget.find('#graphics');
                $paneTarget.stop().scrollTo($target, 0);
                break
            }
        }
    });

    var $paneTarget = $('#statisticPage');

    $("a#toAbout").click(function() {
        act = 1;
            $("#aboutSite").css({ display : 'block' });
            $("#demography").css({ display : 'block' });
            $("#auditoriya").css({ display : 'block' });
            $("#graphics").css({ display : 'block' });
        var $target = $paneTarget.find('#aboutSite');
        $paneTarget.stop().scrollTo($target, 200);

        $('#slideNavigation a.active').toggleClass("active");
        $(this).toggleClass("active");
        if (typeof chartController != "undefined") {
            chartController.clear();
        }
    });

    $("a#toDemography").click(function() {
        act = 2;
            $("#aboutSite").css({ display : 'block' });
            $("#demography").css({ display : 'block' });
            $("#auditoriya").css({ display : 'block' });
            $("#graphics").css({ display : 'block' });
        var $target = $paneTarget.find('#demography');
        $paneTarget.stop().scrollTo($target, 200);

        $('#slideNavigation a.active').toggleClass("active");
        $(this).toggleClass("active");
        if (typeof chartController != "undefined") {
            chartController.clear();
        }
    });

    $("a#toAuditory").click(function() {
        act = 3;
            $("#aboutSite").css({ display : 'block' });
            $("#demography").css({ display : 'block' });
            $("#auditoriya").css({ display : 'block' });
            $("#graphics").css({ display : 'block' });
        var $target = $paneTarget.find('#auditoriya');
        $paneTarget.stop().scrollTo($target, 200);

        $('#slideNavigation a.active').toggleClass("active");
        $(this).toggleClass("active");
        if (typeof chartController != "undefined") {
            chartController.clear();
        }
    });

    $("a#toGraphic").click(function() {

        act = 4;
            $("#aboutSite").css({ display : 'block' });
            $("#demography").css({ display : 'block' });
            $("#auditoriya").css({ display : 'block' });
            $("#graphics").css({ display : 'block' });
        var $target = $paneTarget.find('#graphics');
        $paneTarget.stop().scrollTo($target, 200);

        $('#slideNavigation a.active').toggleClass("active");
        $(this).toggleClass("active");
        setTimeout(function() {
			initFirstGraphicStats();
        }, 300);
    });


	if ($.browser.opera)
	{
		$('body').addClass('opera');
		$('.helpbut').parents('span').css({ display: "inline-block" });
	}

	if ($.browser.opera)
	{
		$('body').addClass('ie8');
	}

});