﻿function dropper(){
          
    $("select").css("display", "none")
                       .css("visibility", "hidden");
    $("#p_ctl04_btnApplyFilter").css("display", "none")
                       .css("visibility", "hidden");

    var selectIndex = 0;
    $("select").each(
        function()
        {
            var dropper = $(this);        
            var slideMenuContainer = document.createElement("div");
            $(slideMenuContainer).addClass("slideMenu");
            $(slideMenuContainer).css("z-index", 1000-(selectIndex*10)+0);
            
            var slideMenuFirstItem = document.createElement("div");
            slideMenuFirstItem.innerHTML += "- Select -";
            $(slideMenuFirstItem).addClass("slideMenuFirstItem");
            $(slideMenuFirstItem).css("z-index", 1000-(selectIndex*10)+4);
            slideMenuContainer.appendChild(slideMenuFirstItem);
            
            var slideMenuButton = document.createElement("div");
            $(slideMenuButton).addClass("slideMenuButton");
            slideMenuButton.innerHTML += '<a href=""><img src="/Templates/Default/images/dropper.gif" alt="" /></a>';             
            $(slideMenuButton).css("z-index", 1000-(selectIndex*10)+5);
        
            $(slideMenuButton).click(
                function(){
                  $(this).parent().children(".slideMenuItems").slideToggle("fast");
                  return false;
                }
            );
            slideMenuContainer.appendChild(slideMenuButton);
            
            var slideMenuItems = document.createElement("div");
            $(slideMenuItems).addClass("slideMenuItems");
            $(slideMenuItems).css("z-index", 1000-(selectIndex*10)+1);
            var slideMenuItemsUl = document.createElement("ul");
            $(slideMenuItemsUl).css("z-index", 1000-(selectIndex*10)+2);
            
            $("option", dropper).each(
                function(){
                    var slideMenuItemsUlItem = document.createElement("li");
                    $(slideMenuItemsUlItem).css("z-index", 1000-(selectIndex*10)+3);
                    var slideMenuItemsUlItemA = document.createElement("a");
                    slideMenuItemsUlItemA.href = '';
                    slideMenuItemsUlItemA.innerHTML = this.text;
                    slideMenuItemsUlItemA.setAttribute("value", this.value);
                    $(slideMenuItemsUlItemA).css("z-index", 1000-(selectIndex*10)+3);
                    
                    /* Set the initial value */
                    if (this.selected) { slideMenuFirstItem.innerHTML = this.text; }
                    
                    $(slideMenuItemsUlItemA).click(function(){
                        /*
                        $(".storefinder li").fadeIn("fast");
                        var shopCount = Math.floor(Math.random()*$(".storefinder li").length - 5);
                        for (i=0; i<shopCount; i++)
                        {
                            var itemIndex = 5 + Math.floor(Math.random()*$(".storefinder li").length);
                            $(".storefinder li:eq(" + itemIndex + ")").fadeOut("slow");
                        }
                        
                        */
                        
                        $(this).parent().parent().parent().parent().children(".slideMenuFirstItem").html($(this).html());
                        $(this).parent().parent().parent().slideToggle();
                        
                        /* Select the original dropper option */
                        $("option", dropper).each(
                            function(){
                                this.removeAttribute("selected");
                                this.selected = false;
                                if (this.value == slideMenuItemsUlItemA.getAttribute("value"))
                                {
                                    this.selected = true;
                                    this.setAttribute("selected", "selected");
                                    dropper.selectedIndex = this.index;
                                }
                            }
                        );
                        
                        /* Fire the original button click */
                        if ($('#p_ctl04_btnApplyFilter').length)
                            document.getElementById('p_ctl04_btnApplyFilter').click();
                        
                        return false;
                    });
                    slideMenuItemsUlItem.appendChild(slideMenuItemsUlItemA);
                    slideMenuItemsUl.appendChild(slideMenuItemsUlItem);
                }
            );
            
            slideMenuItems.appendChild(slideMenuItemsUl);
            slideMenuContainer.appendChild(slideMenuItems);
            
            $(this).after(slideMenuContainer);
            
            selectIndex++; 
        } 
    );   
}

// Add onload ini event
attachEventListener(window, "load", dropper, false)