//window.addEvent('domready', function() 

function navSlider_init() {	
	$$(".navSlider").each(function(el){
        el.onclick = navSlider_bind
    });
	
	toggleView('key');
}

function navSlider_bind(event) {
	var event = new Event(event);
    // stop default behaviour
    event.preventDefault();
    // remove click border
    this.blur();

	// perform toggle function
	//new Fx.Slide(this.id + '_content').toggle();
    if($(this.id + '_content').style.display == '') {
    	$(this.id + '_content').style.display = 'none';
    } else {
    	$(this.id + '_content').style.display = '';
    }
    
	this.onclick = navSlider_bind;
    return false;
}

function showAll() {
	arrSection = document.getElementsByTagName("th");
	for(d=0;d<arrSection.length;d++) {
		thisSecton = arrSection[d];
		sectionClasses = thisSecton.className.split(" ");
		for(c=0;c<sectionClasses.length;c++) {
			thisClass = sectionClasses[c];
			if(thisClass=="navSlider") { document.getElementById(thisSecton.id + '_content').style.display='';}
		}
	}
}
function hideAll() {
	arrSection = document.getElementsByTagName("th");
	for(d=0;d<arrSection.length;d++) {
		thisSecton = arrSection[d];
		sectionClasses = thisSecton.className.split(" ");
		for(c=0;c<sectionClasses.length;c++) {
			thisClass = sectionClasses[c];
			if(thisClass=="navSlider") { document.getElementById(thisSecton.id + '_content').style.display='none';}
		}
	}
}
function toggleView(viewType) {		
	hideAll();			
	if(typeof(viewType) == 'undefined') { viewType="all"; } //  default view
	tableRows = document.getElementsByTagName("tr"); // Get all table rows
	for(r=0;r<tableRows.length;r++) {
		row = tableRows[r];		
		rowClasses = row.className.split(" ");
		ignoreRow = true;
		keyRow = false;
		diffRow = false;
		for(c=0;c<rowClasses.length;c++) {
			thisClass = rowClasses[c];
			if(thisClass=="key") {
				keyRow = true;
				ignoreRow = false;
			}
			if(thisClass=="diff") {
				diffRow = true;
				ignoreRow = false;
			}
			if(thisClass=="all") {
				diffRow = false;
				ignoreRow = false;
			}
		}	
												
		if((viewType=="all") && (!ignoreRow)) {
			// display all rows
			row.style.display = "";
			document.getElementById('lblShowAll').className = 'disabled'; 
			document.getElementById('lblShowKey').className = '';
			document.getElementById('lblShowDiff').className = '';
		}else if((viewType=="key") && (!ignoreRow)) {
			// display key rows
			if(keyRow) { row.style.display = ""; }
			else { row.style.display = "none"; }
			document.getElementById('lblShowAll').className = ''; 
			document.getElementById('lblShowKey').className = 'disabled';
			document.getElementById('lblShowDiff').className = '';
		}else if((viewType=="diff") && (!ignoreRow)) {
			// display diff rows
			if(diffRow) { row.style.display = ""; }
			else { row.style.display = "none"; }
			document.getElementById('lblShowAll').className = ''; 
			document.getElementById('lblShowKey').className = '';
			document.getElementById('lblShowDiff').className = 'disabled';
		}	
	}
	showAll();
}
