$(document).ready(function () {

    // Used for home page
    $('.hero_wrapper > div').hide();
    $('.hero_wrapper > div:first').show();
    $('#hero_tabs > li:first > a').addClass('selected');
    var index = $('.hero_wrapper > div:first').index() + 1;
    var maxdivs = $('.hero_wrapper > div').size();

    $('#hide_show').click(function (e) {
        $('#add').toggleClass('selected');
        $('#add_info').toggle();
        e.preventDefault();
    });

    $('#hero_tabs > li > a').click(function (e) {
        e.preventDefault();
        var index = $(e.currentTarget).parent('li').index() + 1;
        $(e.currentTarget).parents('ul').find('li > a.selected').removeClass('selected');
        $(e.currentTarget).addClass('selected');

        $('.hero_wrapper > div:visible').fadeOut('fast', function () {
            $('.hero_wrapper > div:nth-child(' + index + ') .hero_message').hide();
            $('.hero_wrapper > div:nth-child(' + index + ')').fadeIn('normal', function () {
                var heroMessage = $('.hero_wrapper > div:nth-child(' + index + ') > div.hero_message');
                heroMessage.show().css('bottom', '-' + heroMessage.outerHeight() + 'px').animate({ 'bottom': 0 });
            });
        })

    })

    // Used for sub page
    var indexPage = $('.heroPage_wrapper > div:first').index() + 1;
    var maxdivsPage = $('.heroPage_wrapper > div').size();
    $('.heroPage_wrapper > div').hide();
    $('.heroPage_wrapper > div:first').show();
    $('#heroPage').everyTime(10000, function (e) {

        $('.heroPage_wrapper > div:visible').fadeOut('fast', function () {
            $('.heroPage_wrapper > div:nth-child(' + indexPage + ') .heroPage_message').hide();
            $('.heroPage_wrapper > div:nth-child(' + indexPage + ')').fadeIn('normal', function () {
                var heroMessage = $('.heroPage_wrapper > div:nth-child(' + indexPage + ') > div.heroPage_message');
                heroMessage.show().css('bottom', '-' + heroMessage.outerHeight() + 'px').animate({ 'bottom': 0 });
            });
        })

        indexPage = indexPage + 1;
        if (indexPage > maxdivsPage) {
            indexPage = 1;
        }
    });


    
    
    

});