// JavaScript Document
// Fun - By Brand Filter

    if(window.addEventListener) {
  	
	window.addEventListener("load",setForm, false);
	
	} else if(document.attachEvent) {
  	
	window.attachEvent("onload", setForm);
	
	}
	
	function setForm() {
		if (document.getElementsByTagName("form")[0].getAttribute("name") == "filter"){
		addAtributeHide();
		changeButton();
		changeLook();
		}
    }
	
	var oldButton = "";
	var newButton = "";
	var selectByBrand = "";
	
	
	function addAtributeHide() {	 
	
	document.getElementsByTagName("table")[11].setAttribute("id","formName");
	document.getElementsByTagName("table")[13].setAttribute("id","categoryName");
	document.getElementsByTagName("table")[14].setAttribute("id","categoryProducts");
	document.getElementsByTagName("table")[12].getElementsByTagName("td")[0].className += 'top';
	
	document.getElementsByTagName("table")[10].getElementsByTagName("b")[1].setAttribute("id","hide");
	document.getElementsByTagName("table")[10].getElementsByTagName("tr")[3].setAttribute("id","hide");
	document.getElementsByTagName("table")[10].getElementsByTagName("tr")[4].setAttribute("id","hide");
	document.getElementsByTagName("table")[10].getElementsByTagName("select")[0].setAttribute("id","hide");
	
	}
	
	function changeButton() {
		
	var buttonImage = "<img src=\"http://www.funaccessories.com.au/www/298/files/2009_ss_fun_filter_go_btn.gif\" border=0>";
	document.getElementsByTagName("table")[10].getElementsByTagName("b")[2].innerHTML = buttonImage;
	
	var newButton = document.getElementsByTagName("table")[10].getElementsByTagName("b")[2].parentNode.parentNode.innerHTML;
	document.getElementsByTagName("table")[10].getElementsByTagName("b")[2].parentNode.parentNode.setAttribute("id","hide");
	
	var newTxt = "<b>Show :  </b>";
	brand = document.getElementsByTagName("table")[11].getElementsByTagName("form")[0].getElementsByTagName("td")[0].innerHTML;
	document.getElementsByTagName("table")[11].getElementsByTagName("form")[0].getElementsByTagName("td")[0].innerHTML = newTxt;
	
	selectByBrand = document.getElementsByTagName("table")[11].getElementsByTagName("form")[0].getElementsByTagName("td")[1].innerHTML;
    document.getElementsByTagName("table")[11].getElementsByTagName("form")[0].getElementsByTagName("td")[1].innerHTML += newButton;
	
	}
	
	function changeLook() {
    
	var s = document.getElementsByTagName('select');
	
	selectReplacement(s[0]);
	
	var sCategory = document.getElementsByTagName('select')[1];
	sCategory.className += ' hidden';
      
    }
	  var selectedOpt;
	function selectReplacement(obj) {
		
      // append a class to the select
      obj.className += ' replaced';
	        
	  var ul = document.createElement('ul');
      ul.className = 'selectReplacement';
	  ul.style.background = "url(http://www.funaccessories.com.au/www/298/files/2009_ss_fun_filter_top.gif) top left no-repeat" ;
      
	  var opts = obj.options;
	
      for (var i=0; i<opts.length; i++) {
        
    	if (opts[i].selected) {
          selectedOpt = i;
		  break;
        } else {
          selectedOpt = 0;
        }
      }
	  for (var i=0; i<opts.length; i++) {
        var li = document.createElement('li');
		var txt = document.createTextNode(opts[i].text);
        li.appendChild(txt);
        li.selIndex = opts[i].index;
        li.selectID = obj.id;
		
        li.onclick = function() {
		
          selectMe(this);
        }
      
	  if (i == selectedOpt) {
          li.className = 'selected';
          li.onclick = function() {
			
            this.parentNode.className += ' selectOpen';
			this.style.background = "url(http://www.funaccessories.com.au/www/298/files/2009_ss_fun_filter_bg.gif) top left repeat-y" ;
			
			var newlis1 = obj.parentNode.getElementsByTagName('li');
			newlis1[0].style.background = "url(http://www.funaccessories.com.au/www/298/files/2009_ss_fun_filter_top.gif) top left no-repeat" ;
			/*for (var i=1; i<newlis1.length; i++) {
				newlis1[i].style.background = "#FFF" ;
			}*/
            this.onclick = function() {
			
              selectMe(this);
            }
          }
        }
      
	  if (window.attachEvent) {
          li.onmouseover = function() {
            this.className += ' hover';
          }
          li.onmouseout = function() {
            this.className = 
              this.className.replace(new RegExp(" hover\\b"), '');
          }
        }
        ul.appendChild(li);
      }
      obj.parentNode.appendChild(ul);
    }
   function selectMe(obj) {
	
      var lis = obj.parentNode.getElementsByTagName('li');
	  lis[0].style.background = "url(http://www.funaccessories.com.au/www/298/files/2009_ss_fun_filter_top.gif) top left no-repeat" ;	
	  for (var i=0; i<lis.length; i++) {
        if (lis[i] != obj) { // not the selected list item
          
		  
		  lis[i].className='';
          
		  lis[i].onclick = function() {


selectMe(this);
			
          }
       } else {
		  setVal(obj.selectID, obj.selIndex);
		  
		  obj.style.background = "url(http://www.funaccessories.com.au/www/298/files/2009_ss_fun_filter_top.gif) top left no-repeat" ;
		  
		  obj.className='selected';
	
		  obj.parentNode.className = obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
          
		  obj.onclick = function() {
			obj.style.backgroundImage = "none" ;
		
            obj.parentNode.className += ' selectOpen';			
			var newlis = obj.parentNode.getElementsByTagName('li');
		
			newlis[0].style.background = "url(http://www.funaccessories.com.au/www/298/files/2009_ss_fun_filter_top.gif) top left no-repeat" ;
			for (var i=1; i<lis.length; i++) {
			newlis[i].style.background = "url(http://www.funaccessories.com.au/www/298/files/2009_ss_fun_filter_bg.gif) top left repeat-y" ;
			}
			this.onclick = function() {
			  selectMe(this);
		    }
          }
        }
      }
    }
    function setVal(objID, selIndex) {
      var obj = document.getElementById(objID);
      obj.selectedIndex = selIndex;
	  

    }
   
    function closeSel(obj) {
    obj.style.background = "url(http://www.funaccessories.com.au/www/298/files/2009_ss_fun_filter_top.gif) top left no-repeat" ;
    
	// close the ul
    }