jQuery(document).ready(function() {    

    /* Breadcrumb related clientside event handling - START */
    
    var breadcrumbTimout;

    jQuery("#crumbs > a.channel").mouseover(function() {

        var self = this;
        var name = jQuery(self).text();
        var clink = jQuery(self).attr("href");
        var id = name.slice(0, -2).replace(/ /g, "-");
        var position = jQuery(self).position();
        var width = jQuery("#breadcrumbs").width();
        jQuery("#breadcrumbs > #open").slideDown("fast");
        jQuery("#breadcrumbs > #open").css("min-width", width - 2 + "px");
        jQuery("#opencrumb").show();
        jQuery("#opencrumb").css("left", position.left - 10 + "px");
        jQuery("#opencrumb a").html(name);
        jQuery("#opencrumb a").attr("href", clink);
        jQuery(".crumboption").hide();

        //Calculate the Height of breadcrumb
        total = jQuery("#breadcrumbs > #open > #breadcrumb-" + jQuery(self).attr("id") + ".crumboption div.item").length;
        
        //Maximum items that each row in Breadcrumb Tab can contain
        var maxItemsInEachRow = 10;
        
        //DefaultHeight of each row in Breadcrumb Tab
        var defaultHeight = 81;
       
        var height = total/maxItemsInEachRow;
        
        var heightIncrease = parseInt(Math.floor(height));
        
        if(height >1)
        {
            jQuery("#breadcrumbs > #open > #breadcrumb-" + jQuery(self).attr("id")).css("height", (defaultHeight * (heightIncrease+1)) + "px");
            
            //IE iframe Select box overlap - workaround
            jQuery("#breadcrumbs > #open > #breadcrumbFilterMask").css("height", (defaultHeight * (heightIncrease+1)) + "px");
        }
        else
        {
            jQuery("#breadcrumbs > #open > #breadcrumb-" + jQuery(self).attr("id")).css("height", "81px");
            
            //IE iframe Select box overlap - workaround
            jQuery("#breadcrumbs > #open > #breadcrumbFilterMask").css("height", "81px");
        }
        //End of Breadcrumb Height calculation.
        
        jQuery("#breadcrumbs > #open > #breadcrumb-" +jQuery(self).attr("id")).show();
       
        clearTimeout(breadcrumbTimout);

    });
    jQuery("#breadcrumbs").children().mouseover(function() {

        clearTimeout(breadcrumbTimout);
    });
    jQuery("#breadcrumbs").mouseout(function() {

        breadcrumbTimout = setTimeout(function() { closeCrumbs(); }, 500);
    });
    
    function closeCrumbs() {
        jQuery("#breadcrumbs > #open").slideUp("fast");
        jQuery("#opencrumb").hide();
    }

    jQuery("#crumbs > a.Detail").mouseover(function() {
        closeCrumbs();
    });
    /* Breadcrumb related clientside event handling - END */

});