window.addEvent('domready', function(){
  new CuteSelect($$('select'));
});

var CuteSelect = new Class({
  initialize: function(selects) {
    selects.each( this.modifySelect.bind(this) );
  },  
  modifySelect: function(select) {
    var div = new Element("div");
    div.addClass("cute_select");
    var ul = new Element("ul").injectInside(div);
    for (var i = 0; i < select.options.length; i++)
    {
      var li = new Element("li").injectInside(ul);
      var opt = select.options[i];
      li.innerHTML = opt.text;
      li.addEvent("click", this.jump.pass(opt.value));
    }
    div.addEvent("mouseleave", function(){
      div.setStyle("display", "none");
    });
    select.setStyle("display", "none");
    var actual = new Element("span");    
    actual.innerHTML = select.options[select.selectedIndex].text;
    actual.addClass("actual");
    actual.injectAfter(select);
    var button = new Element("span");
    button.addClass("select");
    button.innerHTML = "Select";
    button.addEvent("click", function(){
      div.setStyle("display", "block");
    });
    button.injectAfter(actual);
    
    div.injectAfter(select);
  },
  jump: function(url)
  {
    window.location = url;
  }  
});

function getHTML(page, jump)
{
	$('browse').page.value = page;
	this.sbs.submit();
	if (jump)
	{
		window.location = "#rtop";
	}
}