/*================================================
-Main.js Document;
================================================*/
//----------------------------------------------- $(document).ready start
$(document).ready(function () {
    $('#nav li a').append('<span class="nav-arrow"></span>');
    //selects only 1st level links
    $('#nav:has(ul) > li').addClass('nav-parent');
    //selects only 2nd level links
    $('#nav li ul:not(:has(ul)) li').addClass('nav-child');
    $('#nav li > ul').hAlign1();
    $('#tabs-container ul.tabs li a span em, .main_navi > li > a > span > em').hAlign2();
    $('.tabs li:last-child, .main_navi > li:last-child').addClass('tabs-last');
    $('.icons-holder li:last-child').addClass('icons-last');
    tabs();
    //	$('.icons-holder').vAlign();
    $('#tabs-container ul.tabs > li > ul, .main_navi > li > ul').innerfade({
        speed: 1200,
        timeout: 2000,
        type: 'sequence',
        containerheight: '120'
    });




    // main vertical scroll
    $("#main").scrollable({

        // up/down keys will always control this scrollable
        keyboard: 'static'


        // main navigator (thumbnail images)
    }).navigator(".main_navi");

    $(".scrollable.bottom").scrollable({
        next: '.next-btm',
        prev: '.prev-btm'
    });

    if ($(".scrollable.bottom .items div").length < 2) {
        $(".scrollable.bottom .next-btm").addClass('disabled');
    }

    $('.page').each(function () {
        var sizeItem = $(this).find('.item').size();
        if (sizeItem == 1) {
            $(this).find('.scrollable').scrollable({ circular: false, next: ".next-sl", prev: ".prev-sl" });
            $(this).find('.next-sl').hide();
            $(this).find('.prev-sl').hide();
        } else {
            $(this).find('.scrollable').scrollable({ circular: true, next: ".next-sl", prev: ".prev-sl" }).autoscroll({ autoplay: true, interval: 3000 });
        }
    });


});


//----------------------------------------------- horizontal-align-box
$.fn.hAlign1 = function() {
    return this.each(function(i) {
        var ah = $('#nav li > ul').width();
        var ph = $('#nav li.nav-parent > a > span.nav-arrow').width();
        var mh = ((ph - ah) / 2 + 17);
        $(this).css('margin-left', mh);
    });
};


$.fn.hAlign2 = function() {
    return this.each(function(i) {
        var ah = $('#tabs-container ul.tabs li a span em, .main_navi > li > a > span > em').width();
        var ph = $('#tabs-container ul.tabs li a span, .main_navi > li > a > span').width();
        var mh = ((ph - ah) / 2);
        $(this).css('margin-left', mh);
    });
};

//----------------------------------------------- Vertical Align Icons
$.fn.vAlign = function() {
    return this.each(function(i) {
        var ah = $('.icons-holder li').height();
        var ph = $('.item').height();
        var mh = (ph - ah) / 2 - 20;
        $(this).css('margin-top', mh);
    });
};

function tabs() {
    //$('.popup-box').slideUp(300);
    $('.popup-box').show();
    $('.popup-up').addClass('current');
    /*
    window.setTimeout(function() {
        $('.popup-box').hide();
        $('.popup-up').removeClass('current');
    }, 3000);
    */
    $('.popup-up').click(

    function() {
        if ($(this).hasClass('current')) {
            $(this).removeClass('current');
            $(this).next().hide();

        } else {
            $(this).addClass('current');
            $(this).next().show();
        };


    })
}