﻿jQuery(document).ready(function () {
    var objdiv = document.getElementById("itemshow_content-box");
    var objroot = document.getElementById("itemshow_items");

    //var objitems=objroot.getElementsByTagName("li");

    jQuery("#itemshow_items > li").each(function (i) {
        var BottomItem = "BottomItem" + (i + 1);

        jQuery(this).hover(function () {
            if (jQuery("#itemshow_items > li").hasClass("current_li")) {
                jQuery("#itemshow_items > li").removeClass("current_li");
            }

            jQuery(this).addClass("current_li");
            jQuery("#itemshow_content-box").css("display", "block");

            jQuery("#itemshow_content > div").each(function () {
                jQuery("#itemshow_content>div").css("display", "none");

                jQuery("#" + BottomItem).show();

                var liWidth = 0;
                if (i != 0) {
                    for (j = 0; j < i; j++) {

                        //liWidth=parseInt(liWidth)+p`arseInt(jQuery("#itemshow_items > li.item"+(j+1)).width());
                        liWidth += jQuery("#itemshow_items > li:eq(" + j + ")").width();

                    }
                    // alert(liWidth);
                    jQuery("#" + BottomItem).css("marginLeft", liWidth + "px");

                    //alert(jQuery("#"+BottomItem).css("margin-left"));

                    if (jQuery(this).hasClass("current_li")) {

                        jQuery("#" + BottomItem).hover(function () {

                            jQuery("#" + BottomItem).css("display", "block");

                        }, function () {

                            jQuery("#" + BottomItem).css("display", "none");

                        })
                    }


                } else {

                    var BottomItemContent = jQuery("#" + BottomItem + " .itemshow_content_m_m").html().toLowerCase();
                    //alert(BottomItemContent);
                    if (BottomItemContent != "<p>&nbsp;</p>" && BottomItemContent != "") {

                        jQuery("#" + BottomItem).css("marginLeft", liWidth + "px");
                        //alert(jQuery("#"+BottomItem).css("margin-left"));

                        if (jQuery(this).hasClass("current_li")) {

                            jQuery("#" + BottomItem).hover(function () {

                                jQuery("#" + BottomItem).css("display", "block");

                            }, function () {

                                jQuery("#" + BottomItem).css("display", "none");

                            })
                        }

                    } else {
                        // alert("aa");
                        jQuery("#" + BottomItem).css("display", "none");


                    }
                }

            })
        }, function () {

            if (jQuery(this).hasClass("current_li")) {

                var isBottomItemHover = 0;

                jQuery("#" + BottomItem).hover(function () {

                    isBottomItemHover = 1;
                    jQuery("#" + BottomItem).css("display", "block");
jQuery("#itemshow_items > li > a").removeClass("current_li");
jQuery("#itemshow_items > li.current_li > a").addClass("current_li");
                }, function () {
                    jQuery("#" + BottomItem).css("display", "none");
jQuery("#itemshow_items > li > a").removeClass("current_li");
                })
            }

            if (!(jQuery.browser.msie && (jQuery.browser.version == "6.0") || jQuery.browser.msie && (jQuery.browser.version == "7.0"))) {

                if (isBottomItemHover == 0) {

                    jQuery("#" + BottomItem).css("display", "none");
                }
            }

        })

    })


}); 
