var BlogSearch = {

    initialize: function() {
        if (!document.getElementsByTagName) return; 

        var objBody = document.getElementsByTagName("body").item(0);
        var objOverlay = $("SearchOverlay");

        var arrayPageSize = getPageSize();
        var arrayPageScroll = getPageScroll();
        
        Element.setHeight('SearchOverlay', arrayPageSize[1]);
        
        var seachBox = $("SearchBox");
        var top = arrayPageScroll[1] + (arrayPageSize[3] / 15);
        Element.setTop('SearchBox', top);
        
        var height = arrayPageScroll[1] + (arrayPageSize[3] / 2) + 30;
        this.contentMargin = (arrayPageSize[0] / 2);
        this.searchForm = $("SearchForm");
        this.tagList = $("TagList");
        this.main = $("SearchMain");
        
    },
    
    startSearch : function( value ){
        Element.hide( this.tagList );
        Element.show( this.searchForm );
        var t = $("search");
        t.value = value;
        this.show();
        this.search( value );
    },
    
    startTagSearch : function( tag ){
        Element.hide( this.searchForm );
        Element.show( this.tagList );
        this.show();
        this.tagSearch( tag );
    },

    search : function( value ){
        
        var url = 'http://yuroyoro.com/mt/mt-search.cgi';
        var pars = Form.serialize( "SearchForm");
        var main = this.main;
        Element.hide( main );
        var searchAjax = new Ajax.Request( url,{
                            method : "get",
                            parameters : pars,
                            onSuccess : function(httpObj){
                                main.innerHTML = httpObj.responseText;
                                var content = $("SearchResultContent");
                                content.style.left = (BlogSearch.contentMargin - (476 /2 ))  + "px";
                                new Effect.SlideDown( main ,
                                    { duration: 0.65, 
                                      afterFinish : function() { 
                                      new Effect.Highlight( main ,{ duration: 0.65 });
                                      }
                                    }
                                );
                            }

                        }
        );
        
    },
    
    tagSearch : function( tag ){
        var t = $("tag");
        t.value = tag;
        
        var url = 'http://yuroyoro.com/mt/mt-search.cgi';
        var pars = Form.Element.serialize( "tag") + "&" + Form.Element.serialize( "blog_id");
        var main = this.main;
        Element.hide( main );
        var searchAjax = new Ajax.Request( url,{
                            method : "get",
                            parameters : pars,
                            onSuccess : function(httpObj){
                                main.innerHTML = httpObj.responseText;
                                var content = $("SearchResultContent");
                                content.style.left = (BlogSearch.contentMargin - (476 /2 ))  + "px";
                                new Effect.SlideDown( main ,
                                    { duration: 0.65, 
                                      afterFinish : function() { 
                                      new Effect.Highlight( main ,{ duration: 0.65 });
                                      }
                                    }
                                );
                            }

                        }
        );
        
    },
    
    show : function( ) {
        new Effect.Appear('SearchOverlay', { duration: 0.2, from: 0.0, to: 0.8 });
        new Effect.Appear('SearchBox', { duration: 0.2});
        
    },
    
    end : function(){
        Element.hide('SearchBox');
        new Effect.Fade('SearchOverlay', { duration: 0.2});
    }

}
function initSearchBox() { BlogSearch.initialize(); }
Event.observe( window , "load",initSearchBox  , false);