/// <reference path="jquery-1.3.2-vsdoc.js" />

$(window).load(
    function() {

        var corners = new Array();
        corners[0] = "#66783C";
        corners[1] = "#363636";
        corners[2] = "#464646";
        corners[3] = "#555";
        corners[4] = "#636363";
        corners[5] = "#707070";
        corners[6] = "#7D7D7D";
        corners[7] = "#828282";
        corners[8] = "#707070";

        $(".openDiv").html($(".menu:last").children('.content').html());

        $(".openDiv").corner("cc:#d16531 tr br").corner("cc:#66783C tl bl");

        var classCounter = 1;
        var count = $(".menu").length;
        var x = 7 - count;
        $(".menu").each(function() {
            $(this).addClass('slide' + parseInt(classCounter + x));
            $(this).corner("cc:" + corners[parseInt(classCounter + x - 1)] + " tr br");
            classCounter++;
        });

        $(".menu:first").uncorner();
        $(".menu:first").corner("cc:#66783C tr br");
        $(".menu:last").addClass('selected');

        $(".menu").click(function() {
            if (!$(this).hasClass('selected')) {
                $(".openDiv").uncorner();
                if ($(this).attr('class').indexOf('left') == -1) {
                    $(".menu").removeClass("selected");
                    $(this).addClass("selected");
                    $(this).nextAll('.menu').addClass('left').animate({ "right": "703px" }, 600);
                    var counter = 1;
                    var i = $(this).nextAll('.menu').length;
                    $(this).nextAll('.menu').each(function() {
                        $(this).uncorner();
                        if (counter == i)
                            $(this).corner("cc:#66783C tl bl");
                        else {
                            var color = $(this).next('.menu').css('background-color');
                            $(this).corner("cc:" + colorToHex(color) + "tl bl");
                        }
                        counter++;
                    });
                    i = (33 * i) + 2;
                    $(".openDiv").animate({ "left": i + "px" }, 600);
                }
                else {

                    $(".menu").removeClass("selected");
                    $(this).addClass("selected");
                    var j = $(this).prevAll('.menu').length;
                    var i = $(this).nextAll('.left').length;
                    i = ((33 * i));
                    $(this).uncorner();
                    var color = $(this).prev('.menu').css('background-color');
                    $(this).corner("cc:" + colorToHex(color) + "tr br");
                    $(".openDiv").animate({ "left": i + "px" }, 600);
                    $(this).removeClass('left');
                    $(this).prevAll('.left').removeClass('left').animate({ "right": "0px" }, 600);
                    $(this).animate({ "right": "0px" }, 600);
                    var counter = 1;
                    $(this).prevAll('.menu').each(function() {
                        $(this).uncorner();
                        if (counter == j)
                            $(this).corner("cc:#66783C tr br");
                        else {
                            color = $(this).prev('.menu').css('background-color');
                            $(this).corner("cc:" + colorToHex(color) + "tr br");
                        }
                        counter++;
                    });
                }
                $(".openDiv").html($(this).children('.content').html());

                color = $('.left').eq(0).css('background-color');
                if (color)
                    $(".openDiv").corner("cc:" + colorToHex(color) + "tl bl");
                else
                    $(".openDiv").corner(" cc:#66783Ctl bl");

                setTimeout('$(".openDiv").corner("cc:#d16531 tr br");', 600);
                //$(".openDiv").corner("cc:#d16531 tr br");

                var selectedMenu = this;
                $('.brief').each(function() {
                    if ($(this).attr('class').indexOf($(selectedMenu).children('.category').attr('class').replace('category ', '')) != -1) {
                        $(this).parent().show();
                    }
                    else {
                        $(this).parent().hide();
                    }
                });
            }
        });

        var selectedCategory = $('.lblCategory').text();
        if (selectedCategory && selectedCategory != '') {
            $('.category').each(function() {
                if ($(this).attr('class').indexOf(selectedCategory) != -1) {
                    $(this).parent().click();
                }
            });
        }
    });

function colorToHex(color) {
    if (color.substr(0, 1) === '#') {
        return color;
    }
    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);

    var red = parseInt(digits[2]);
    var green = parseInt(digits[3]);
    var blue = parseInt(digits[4]);

    var rgb = blue | (green << 8) | (red << 16);
    return digits[1] + '#' + rgb.toString(16);
}