/*
DezinerFolio.com Simple Accordians.

Author  : G.S.Navin Raj Kumar
Website : http://dezinerfolio.com

Modified and Extended by Diane O'Connell for Arclight Capital
*/

/*
* The Variable names have been compressed to achive a higher level of compression.
*/
var image_url;
var imgPrefix = "acc_img";
var headerPrefix = "segm";
var linkPrefix = "link";

if (document.images)
{
      var preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "/App_Themes/Default/Images/Investment_Images/Production_fade.gif";
      image_url[1] = "/App_Themes/Default/Images/Investment_Images/Midstream_fade.gif";
      image_url[2] = "/App_Themes/Default/Images/Investment_Images/Generation_fade.gif";
      image_url[3] = "/App_Themes/Default/Images/Investment_Images/Transmission_fade.gif";

       var i = 0;
       for(i=0; i<=3; i++) 
         preload_image_object.src = image_url[i];
}

function initAccordian(){
	if($('basic-accordian') == null)
		return;
	
	new Accordian('basic-accordian',1,'header_highlight');
}

// Prototype Method to get the element based on ID
function $(d){
	return document.getElementById(d);
}

// set or get the current display style of the div
function dsp(d,v){
	if(v==undefined){
		return d.style.display;
	}else{
		d.style.display=v;
	}
}

// set or get the height of a div.
function sh(d,v){
	// if you are getting the height then display must be block to return the absolute height
	if(v==undefined){
		if(dsp(d)!='none'&& dsp(d)!=''){
			return d.offsetHeight;
		}
		viz = d.style.visibility;
		d.style.visibility = 'hidden';
		o = dsp(d);
		dsp(d,'block');
		r = parseInt(d.offsetHeight);
		dsp(d,o);
		d.style.visibility = viz;
		return r;
	}else{
		d.style.height=v;
	}
}
/*
* Variable 'S' defines the speed of the accordian
* Variable 'T' defines the refresh rate of the accordian
*/
s=1;
t=10;

//Collapse Timer is triggered as a setInterval to reduce the height of the div exponentially.
function ct(d){
	d = $(d);
	if(sh(d)>0){
		v = Math.round(sh(d)/d.s);
		v = (v<1) ? 1 :v ;
		v = (sh(d)-v);
		sh(d,v+'px');
		d.style.opacity = 0;
		d.style.filter= 'alpha(opacity=0);';
	}else{
		sh(d,0);
		dsp(d,'none');
		clearInterval(d.t);
	}
}

//Expand Timer is triggered as a setInterval to increase the height of the div exponentially.
function et(d){
	d = $(d);
	if(sh(d)<d.maxh){
		v = Math.round((d.maxh-sh(d))/d.s);
		v = (v<1) ? 1 :v ;
		v = (sh(d)+v);
		sh(d,v+'px');
		d.style.opacity = (v/d.maxh);
		d.style.filter= 'alpha(opacity='+(v*100/d.maxh)+');';
	}else{
		sh(d,d.maxh);
		clearInterval(d.t);
	}
}

// Collapse Initializer
function cl(d,h){
	if(dsp(d)=='block'){
		clearInterval(d.t);
		d.t=setInterval('ct("'+d.id+'")',t);
		h.style.display = "block";
		
	}
}

//Expand Initializer
function ex(d,h){
	if(dsp(d)=='none'){
	
		h.style.display = "none";
		dsp(d,'block');
		d.style.height='0px';
		clearInterval(d.t);
		d.t=setInterval('et("'+d.id+'")',t);
		
		var img = $(imgPrefix+"1");
		if(img.src.indexOf("_nofade") > 0)
		{
			var hd;
			var link;
			for(i=1; i<=4; i++)
			{
			    //set background to grey
				img = $(imgPrefix + i);
         		img.src = image_url[i-1];
				hd = $(headerPrefix + i + "-header");
				hd.style.backgroundColor = "#efefef";
				//set link to dark grey
				link = $(linkPrefix + i);
				link.style.color = "#afafaf";
				link.onmouseover= function(){ this.style.color='#02458d'; };
				link.onmouseout= function(){ this.style.color='#afafaf'; };
			}
		}
		
	}
}

// Removes Classname from the given div.
function cc(n,v){
	s=n.className.split(/\s+/);
	for(p=0;p<s.length;p++){
		if(s[p]==v+n.tc){
			s.splice(p,1);
			n.className=s.join(' ');
			break;
		}
	}
}
//Accordian Initializer
function Accordian(d,s,tc){
	// get all the elements that have id as content
	l=$(d).getElementsByTagName('div');
	c=[];
	for(i=0;i<l.length;i++){
		h=l[i].id;
		if(h.substr(h.indexOf('-')+1,h.length)=='content'){c.push(h);}
	}
	sel=null;
	//then search through headers
	for(i=0;i<l.length;i++){
		h=l[i].id;
		if(h.substr(h.indexOf('-')+1,h.length)=='header'){
			d=$(h.substr(0,h.indexOf('-'))+'-content');
			d.style.display='none';
			d.style.overflow='hidden';
			d.maxh =sh(d);
			d.s=(s==undefined)? 7 : s;
			h=$(h);
			h.tc=tc;
			h.c=c;
			// set the onclick function for each header.
			h.onclick = function(){
				for(i=0;i<this.c.length;i++){
					cn=this.c[i];
					n=cn.substr(0,cn.indexOf('-'));
					if((n+'-header')==this.id){
						ex($(n+'-content'),$(n+'-header'));
						n=$(n+'-header');
						cc(n,'__');
						n.className=n.className+' '+n.tc;
					}else{
						cl($(n+'-content'),$(n+'-header'));
						cc($(n+'-header'),'');
					}
				}
			}
			if(h.className.match(/selected+/)!=undefined){ sel=h;}
		}
	}
	if(sel!=undefined){sel.onclick();}
}