//$(window).load(function() {
$(document).ready(function() {
    closeAllCats();
    openCat('catitem0');
    $("div[id^='colmenu']").animate({
        "left": "+=140px"
    }, "slow");
});
$("a[id^='menuitem']").click(function(){
    selectItem($(this).attr('id'));
    return false;
});
$("a[id^='catitem']").click(function(){
    var num = $(this).attr('id');
    num = num.substr(7, 2);
    slideUpAllCats();
    slideDownCat($(this).attr('id'));
    return false;
});


function MakeThisBold(item){
    $("a[id^='menuitem']").removeClass("menuitemsel").addClass("menuitemnonsel");//css('font-weight', 'normal').css('cursor', 'auto');
    $("#" + item).removeClass("menuitemnonsel").addClass("menuitemsel");//.css('font-weight', 'bold').css('cursor', 'default');
}
function closeAllCats() {
    $(".menulist").hide()
}
function openCat(item) {
    $("#" + item).next().show();
    selectItem($("#" + item).next().find("a[id^='menuitem']").first().attr('id'));
}
function slideUpAllCats() {
    $(".menulist").slideUp()
}
function slideDownCat(item) {
    $("#" + item).next().slideDown();
    selectDelayedItem($("#" + item).next().find("a[id^='menuitem']").first().attr('id'));
}
function selectDelayedItem(item) {
    var num = item.substr(8, 2);
    var offset = -950 * num;
    MakeThisBold(item);
    /*adjust the 'But Now' link*/
    var imgid = "imgitem"+ num;
    var store_url = $("#" + imgid).attr("href");
    $("#buylink").attr("href", store_url);
    $(".colitem").delay(500).animate({
        "left": offset + "px"
    }, "slow");
}
function selectItem(item) {
    var num = item.substr(8, 2);
    var offset = -950 * num;
    MakeThisBold(item);
    $(".colitem").animate({
        "left": offset + "px"
    }, "slow");
    /*adjust the 'But Now' link*/
    var imgid = "imgitem"+ num;
    var store_url = $("#" + imgid).attr("href");
    $("#buylink").attr("href", store_url);
}