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

var visibleMenuItem = null;
var lastClicked = null;
var isIE = false;

function ShowMenu(sender) {
    if (lastClicked != null && lastClicked == sender) {
        return;
    }
    lastClicked = sender;
    if (visibleMenuItem != null) {
        visibleMenuItem.prev().removeClass("c_li_selected").addClass("c_li");
        visibleMenuItem.hide();
    }

    $(sender).removeClass("c_li").addClass("c_li_selected");
    var child_li = $(sender).next();
    var ul = child_li.children().eq(0);
    ul.children().hide();
    $(child_li).show();
    var elArray = ul.children().toArray();
    ShowElements(elArray);
    visibleMenuItem = child_li;
}

function ShowElements(elArray, start_index) {
    if (!start_index) {
        start_index = 0;
    }

    var next_index = start_index + 1;
    if (next_index > elArray.length) {
        return;
    }
    var obj = elArray[start_index];
    var movePixels = $(obj).parent().width();

    var pos_left = $(obj).offset().left;
    pos_left = pos_left - movePixels;
    var pos_top = $(obj).offset().top;

    $(obj).offset({ top: pos_top, left: pos_left });
    $(obj).show();

    if ($.browser.msie) {
        var element_class = $(obj).attr('class');
        $(obj).removeClass(element_class);
        $(obj).addClass(element_class);
    }

    $(obj).animate({ "left": "+=" + movePixels + "px" }, 140, "linear", function (element) {
    ShowElements(elArray, next_index)
    });
    //$(obj).show().slide50, );
}