// JavaScript Document

function closeConnection() {
    $('#connectionPanel').slideToggle(function () {
        $('.contentDiv').css('border-top', '1px solid white');
        $('#aveloConnection a').removeClass('selected');
    });
}

$(document).ready(function() {
    //init
    //$("#footerFull").hide();
    $('#logoPanel2').hide();
    $('#logoPanel3').hide();
    $('#logoPanel4').hide();
    $('#logoPanel5').hide();
    $('#logoPanel6').hide();
    $('#logoPanel7').hide();
    $('#label2').hide();
    $('#label3').hide();
    $('#label4').hide();
    $('#label5').hide();
    $('#label6').hide();
    $('#label7').hide();

    var interval;
    var currNum = 1;
    startAnimation = function() {
        currNum++;
        var childCount = $("#imgNav ul").children().length;
        if (currNum > childCount)
            currNum = 1;
        if (currentPanel == "") {
            currentPanel = $('#logoPanel1');
            currentLabel = $('#label1');
        }
        if (currentLabel == "") {
            currentLabel = $('#label1');
        }

        currentPanel.fadeTo('slow', 0);
        currentLabel.fadeTo('slow', 0);

        $('#logoPanel' + currNum).fadeTo('slow', 1);
        currentPanel = $('#logoPanel' + currNum);
        $('#label' + currNum).fadeTo('slow', 1);
        currentLabel = $('#label' + currNum);
        $('#imgNav ul li').removeClass("selected");
        $('#imgNav ul li:nth-child(' + currNum + ')').addClass("selected");
    }
    interval = setInterval('startAnimation()', 3000);

    $('#connectionPanel').hide();
    $('#aveloConnection a').click(function () {
        if ($('#aveloConnection a').hasClass('selected')) {
            $('#aveloConnection a').removeClass('selected');
        } else {
            $('#aveloConnection a').addClass('selected');
        }
        $('.contentDiv').css('border-top', 'none');
        $('#connectionPanel').slideToggle(function () {
            if ($(this).is(":hidden")) {
                $('.contentDiv').css('border-top', '1px solid white');
            }
        });
    });



    //$("#topTab").offset({ top: -111});
    hoverflag = false;
    currentPanel = "";

    function GetSiblingNumber(oElement) {
        return $(oElement).parent().children(oElement.nodeName).index(oElement);
    }

    

    //footer tab
    $("#looking").click(function() {
        $('#lookingOn').fadeToggle(100, "linear");
        $("#footerFull").slideToggle("slow");
        $('html, body').animate({
            scrollTop: $('#footerFull').offset().top
        }, 2000);
    });

    $("#lookingOn").click(function() {
        $("#footerFull").slideToggle("slow", function() {
            $('#lookingOn').fadeToggle(100, "linear");
        });
    });


    //top tab
    $("#topTabToggle").hover(function() {
        if (hoverflag == false) {
            $('#topTabToggle #inner').addClass("topTabHover")
        }
    }, function() {
        if (hoverflag == false) {
            $('#topTabToggle #inner').removeClass("topTabHover")
        }

    });

    $('#topTabToggle').toggle(function() {
        hoverflag = true;
        $('#topTab').animate({ top: '+=111' }, function() {
            $('#topTabToggle #inner').addClass("topTabOn")
        });

    }, function() {
        $('#topTabToggle #inner').addClass("topTabHover")
        $('#topTab').animate({ top: '+=-111' }, function() {
            $('#topTabToggle #inner').removeClass("topTabHover")
            $('#topTabToggle #inner').removeClass("topTabOn")
            hoverflag = false;
        });
    });


    $('#imgNav ul li').click(function() {
        //alert("This is element #" + GetSiblingNumber(this));

        clearInterval(interval);
        if (currentPanel == "") {
            currentPanel = $('#logoPanel1');
        }

        if (currentLabel == "") {
            currentLabel = $('#label1');
        }

        currentPanel.fadeTo('slow', 0);
        currentLabel.fadeTo('slow', 0);
        currNum = GetSiblingNumber(this) + 1
        $('#logoPanel' + currNum).fadeTo('slow', 1);
        currentPanel = $('#logoPanel' + currNum);
        $('#label' + currNum).fadeTo('slow', 1);
        currentLabel = $('#label' + currNum);
        $('#imgNav ul li').removeClass("selected");

        $(this).addClass("selected");

        interval = setInterval('startAnimation()', 3000);
    });
});