//about page script for h2 slide ins

//duration for h2s
var h2_duration = 500;
var curr = 0;

function init() { 
	if($chk($("clients_body"))){
		init2();
	}
	
	//get h2s
	var h2s = document.getElementsByTagName("h2");
	var h2Array = new Array();
	if($chk($("h10"))){
		h2Array[h2Array.length] = $("h10");

	}
	
	if(h2s.length){
		for (i=0; i<h2s.length; i++){
			var num = h2s[i].id.substr(2, 1);
			h2Array[h2Array.length] = $("h2" + num);
		}
	}

	//hide them all
	for (i=0; i<h2Array.length; i++){
		h2Array[i].set("slide", {mode: 'vertical', duration: h2_duration}).slide('hide');
		h2Array[i].slide('in');
		
		var num = h2Array[i].id.substr(2, 1);
		
		var mySub = $("sub" + num);
		mySub.set("slide", {mode: 'vertical', duration: h2_duration}).slide('hide');	
		
		h2Array[i].addEvents({
			'click': function(){
				h2Array[curr].className = "";
				this.className = "on";
				var num = this.id.substr(2, 1); 
				$("sub" + curr).slide('out');
				$("sub" + num).slide('in');
				killFilter($("sub" + num));
				curr = num;
			},
			'mouseover': function(){
				this.className = (this.className == "on") ? "onover" : "over";
			},
			'mouseout': function(){
				this.className = (this.className != "over") ? "on" : "";	
			}
		});
		
		killFilter(h2Array[i]);
	}
	
	$("sub0").slide('in');
	killFilter($("sub0"));
	
	
}

function killFilter(element){
	if(Browser.Engine.trident){
		element.style.removeAttribute('filter'); 	
	}
}

//on dom ready, init()
window.addEvent('domready',init);