var wb = {
    autoupload : function(action, fn_complete)
    {
        if(this.tagName != "INPUT" || this.value == ""){
            return;
        }

        $(this).wrap('<div style="display: inline;"></div>');

        var frame_id = Math.round(Math.random() * 1000000);
        var $self    = $(this);
        var $parent  = $self.parent();
        var code     = $parent.html();
        
        $("body").append(
            "<div class=\"wb_autoupload\">" +
              "<iframe name=\"wb_autoupload_"+ frame_id +"\" style=\"display: none;\" src=\"javascript:\"></iframe>" +
              "<form style=\"display:none;\" method=\"post\" enctype=\"multipart/form-data\" target=\"wb_autoupload_"+ frame_id +"\" action=\""+ action +"\">" +
                "<input type=\"hidden\" name=\"wb_autoupload\" value=\"1\" />"+
                "<input type=\"hidden\" name=\""+ $self.attr("name") +"\" value=\"1\" />"+
              "</form>" +
            "</div>"
        );
        $("body > div.wb_autoupload:last > form").append($self);

        $parent.html(code);
        
        $("body > div.wb_autoupload:last > iframe").load(function(){
            var res = $(this).contents().find("body").html();
            if(res != ""){
                if(typeof(fn_complete) != "undefined"){
                    fn_complete(res);
                }
            }
        });

        $("body > div.wb_autoupload:last > form").submit();
    },

    wnd_modal : function(link)
    {
        var $box = $("#wb_wnd_modal_box");

        if($box.size() == 0){
            $('body').append(
                '<div id="wb_wnd_modal_box" style="display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%;">'+
                  '<div id="wb_wnd_modal_box_content" style="z-index: 110; position: relative; float: left;">'+
                  '</div>'+
                  '<div id="wb_wnd_modal_box_overlay" style="z-index: 100; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; opacity: 0.1;" onclick="$(this).parent().hide()"></div>'+
                '</div>'
            );
            $box = $("#wb_wnd_modal_box");
        }

        jQuery.get(
            link,
            function(data){
                var $cnt = $("#wb_wnd_modal_box_content", $box);
                $cnt.html(data);
                $box.show();
                $box.css("margin-left", (($box.width() - $cnt.width()) / 2) + "px");
                $box.css("margin-top",  (($box.height() - $cnt.height()) / 4) + "px");
            }
        );

        return false;
    },
    
    wnd_close : function()
    {
        $(this).parents("#wb_wnd_top_box,#wb_wnd_modal_box").hide();
    },

    overlay : function()
    {
        
    },
    
    scroll : {
        shift : function(step)
        {
            var $obj     = $(this);
            var $frm     = $obj.parent().find(".scroll_frame");
            var $scr     = $obj.parent().find(".scroll_line");
            var $lt      = $obj.parent().find(".scroll_left");
            var $rt      = $obj.parent().find(".scroll_right");
            var maxw     = $frm.width();
            var scrw     = $scr.width();
            var left     = parseInt($scr.css("margin-left"));
            var new_left = left + step;
            
            new_left = new_left < -(scrw - maxw)  ? -(scrw - maxw) : new_left;
            new_left = new_left > 0 ? 0 : new_left;
            
            $lt.css("opacity", "1.0");
            $rt.css("opacity", "1.0");
            if(new_left >= 0){
                $rt.css("opacity", "0.3");
            }
            if(new_left + scrw <= maxw){
                $lt.css("opacity", "0.3");
            }
            
            $scr.css("margin-left", new_left + "px");
            
            return false;
        }
    },
}