﻿var _mainCat = [];
var _mainCatContent = [];
var _subCat = [];
var _subCatContent = [];
var catNum;


function accordionIni(){    
    _mainCat        = getElementsByClassName(document, "div", "prodMainCatHead closedCat");
    _mainCatContent = getElementsByClassName(document, "div", "prodMainCatContent");
    _subCat         = getElementsByClassName(document, "div", "prodSubCatHead closedSubCat");
    _subCatContent  = getElementsByClassName(document, "div", "prodSubCatContent");
    
    for(i=0; i<_mainCat.length; i++){
        attachEventListener(_mainCat[i],"mousedown", expandMain, false);
        _mainCatContent[i].style.display = "none";        
    }
    
    for(i=0; i<_subCat.length; i++){
        attachEventListener(_subCat[i],"mousedown", expandSub, false);
        _subCatContent[i].style.display = "none";
    }
}

function expandMain(eventType){
	if(typeof eventType.srcElement!="undefined"){
		srcEl=eventType.srcElement;
	} else {
		srcEl=this;
	}
	    
    for(var i=0; i<_mainCat.length; i++){
        if(srcEl==_mainCat[i] || srcEl.parentNode==_mainCat[i]||srcEl.parentNode.parentNode==_mainCat[i]){
			catNum = i;
			i = _mainCat.length;
		}		
	}
		
	if(_mainCatContent[catNum].style.display && _mainCatContent[catNum].style.display == "block"){
	    _mainCatContent[catNum].style.display = "none";
	    _mainCat[catNum].className = "prodMainCatHead closedCat";
	
	}else if(_mainCatContent[catNum].style.display && _mainCatContent[catNum].style.display == "none"){
	    _mainCatContent[catNum].style.display = "block";
	    _mainCat[catNum].className = "prodMainCatHead openCat";
	}
	
	reJigPanels();	
}

function expandSub(eventType){
	if(typeof eventType.srcElement!="undefined"){
		srcEl=eventType.srcElement;
	} else {
		srcEl=this;
	}
	
    for(var i=0; i<_subCat.length ;i++){
		if(srcEl==_subCat[i] || srcEl.parentNode==_subCat[i]||srcEl.parentNode.parentNode==_subCat[i]){
			catNum = i;
			i = _subCat.length;
		}		
	}
	
	if(_subCatContent[catNum].style.display && _subCatContent[catNum].style.display == "block"){
	    _subCatContent[catNum].style.display = "none";
	    _subCat[catNum].className = "prodSubCatHead closedSubCat";
	
	}else if(_subCatContent[catNum].style.display && _subCatContent[catNum].style.display == "none"){
	    _subCatContent[catNum].style.display = "block";
	    _subCat[catNum].className = "prodSubCatHead openSubCat";
	}
	reJigPanels();
}	


//==================================================================//

function reJigPanels(){
    //IE6 fix for non-shifting panels
	for(var i=0; i<_subCat.length; i++){
		if(_subCatContent[i].style.display && _subCatContent[i].style.display == "none"){
			_subCatContent[i].style.display = "block";
			_subCatContent[i].style.display = "none";
			
		}else if(_subCatContent[i].style.display && _subCatContent[i].style.display == "block"){
		    _subCatContent[i].style.display = "none";
		    _subCatContent[i].style.display = "block";
		}			
	}
	for(var i=0; i<_mainCat.length; i++){
		if(_mainCatContent[i].style.display && _mainCatContent[i].style.display == "none"){
			_mainCatContent[i].style.display = "block";
			_mainCatContent[i].style.display = "none";
		
		}else if(_mainCatContent[i].style.display && _mainCatContent[i].style.display == "block"){
		    _mainCatContent[i].style.display = "none";
		    _mainCatContent[i].style.display = "block";
		}			
	}
	//end fixs
}
	
//function setAccordion(){
//	accordionIni();
//}

//addLoadListener(setAccordion);