// Javascript originally by Patrick Griffiths and Dan Webb.
// http://htmldog.com/articles/suckerfish/dropdowns/
var ulTable1 = function() {
      if (!document.getElementsByTagName) return;
      
      var try5 = document.getElementById("try5");
      try5.className = "hide";
      
      var table = document.createElement("table");
      table.className = "try2";
      var tbody = document.createElement("tbody");
      table.appendChild(tbody);
      var tr = document.createElement("tr");
      tbody.appendChild(tr);
      
      var lis = try5.getElementsByTagName("li");
      var tds = new Array();
      for (var i=0; i<lis.length; i++) {
          tds[i] = document.createElement("td");
          if (lis[i].className) {
            tds[i].className = lis[i].className;
          }
          tds[i].appendChild(lis[i].removeChild(lis[i].firstChild));
          tr.appendChild(tds[i]);
      }
      try5.parentNode.replaceChild(table,try5);
    }


//############################
//############################
/*
<div id="topmenuwrap">
	<ul id="topmenu">
		<li>
			<a>text</a>
			<ul>
				<li><a>text</a></li>
			</ul>
		<li>
	</ul>
</div>	
*/
var sfHover1 = function() {
   var sfEls = document.getElementById("topmenu").getElementsByTagName("li");
   for (var i=0; i<sfEls.length; i++) {
      sfEls[i].onmouseover=function() {
         this.className+=" hover";
      }
      sfEls[i].onmouseout=function() {
         this.className=this.className.replace(new RegExp(" hover\\b"), "");
      }
   }
}
 
var sfHover = function(type) {
	var sfEls = $('topmenu').getElements(type);	
	sfEls.addEvents({
		'mouseover': function(){
			this.addClass('hover');
		},
		'mouseout': function(){
			this.removeClass('hover');
		}
	});

}
var ulTable = function() {
	var menuwrap = $('topmenuwrap');
	//menuwrap.setStyle('display', 'none');
	var mtable = new Element('table', {'id': 'topmenuwrap', 'cellpadding': '0','cellspacing': '0','styles': {'border-collapse': 'collapse'}});
	//var mtable = new Element('table', {'id': 'topmenuwrap'});
	var tbody = new Element('tbody');
	mtable.adopt(tbody);
	var mtr = new Element('tr', {'id': 'topmenu-t'});
	tbody.adopt(mtr);
	var lis = menuwrap.getElements('li');
	lis.each(function(item, index){
		var parent = $(item).getParent('ul');
		if (parent.match('#topmenu')){ //first level li element
			mtd = new Element('td', {'class': item.get('class')});
			mtd.adopt(item.getElement('a'));
			var ul = $(item).getElement('ul');
			if (ul){
				mtd.adopt(ul);
			}
			mtr.adopt(mtd);			
		}
	});
	mtable.adopt(tbody);
	mtable.replaces(menuwrap)
	//menuwrap.adopt(mtable);
	
	//table.setStyle('display', 'block');
	//menuwrap.setStyle('display', 'block');
      
      
	  
	  /*
      var tds = new Array();
      for (var i=0; i<lis.length; i++) {
          tds[i] = document.createElement("td");
          if (lis[i].className) {
            tds[i].className = lis[i].className;
          }
          tds[i].appendChild(lis[i].removeChild(lis[i].firstChild));
          tr.appendChild(tds[i]);
      }
      menuwrap.parentNode.replaceChild(table,menuwrap);
	  */
}
function formobservers(keyfields){
	keyfields.each(function(key){
		var searchfield = $(key);
		var msg_label = searchfield.value;
		searchfield.addEvents({
			'click': function(){
				if( searchfield.value.contains(msg_label) ) searchfield.value = '';
				},
			'blur': function(){
				if( searchfield.value == '' ) searchfield.value = msg_label;
				},
			'focus': function(){
				if( searchfield.value.contains(msg_label) ) searchfield.value = '';
				}
		});
	})
}


window.addEvent('domready', function() {
        sfHover('li');
		//ulTable();
		if(Browser.Engine.trident){ //ie any version
			ulTable();
			//sfHover('td');
		}
		formobservers(['srchinput']);
});