/*
	Author: Aaron Lademann
	Date: 5/29/2008
		update: 5/30/08 (tweaked animation progression)
		update: 6/10/08 (modified icon class to accompany css change)
		update: 7/28/08 (made toggling more efficient)
			*** REV 8/4/08 integrated dynamic drive collapsing system... reverted IE system back to basic show hide
	Description: simple show/hide click toggle for large content blocks in #contentMain
*/


// THIS PART HAS TO GO BEFORE ANY $ DEFINITIONS
var animatedcollapse={
divholders: {}, //structure: {div.id, div.attrs, div.$divref}
divgroups: {}, //structure: {groupname.count, groupname.lastactivedivid}
lastactiveingroup: {}, //structure: {lastactivediv.id}

show:function(divids){ //public method
	if (typeof divids=="object"){
		for (var i=0; i<divids.length; i++)
			this.showhide(divids[i], "show")
	}
	else
		this.showhide(divids, "show")
},

hide:function(divids){ //public method
	if (typeof divids=="object"){
		for (var i=0; i<divids.length; i++)
			this.showhide(divids[i], "hide")
	}
	else
		this.showhide(divids, "hide")
},

toggle:function(divid){ //public method
	this.showhide(divid, "toggle")
},

addDiv:function(divid, attrstring){ //public function
	this.divholders[divid]=({id: divid, $divref: null, attrs: attrstring});
	this.divholders[divid].getAttr=function(name){ //assign getAttr() function to each divholder object
		var attr=new RegExp(name+"=([^,]+)", "i"); //get name/value config pair (ie: width=400px,)
		return (attr.test(this.attrs) && parseInt(RegExp.$1)!=0)? RegExp.$1 : null //return value portion (string), or 0 (false) if none found
	}
},

showhide:function(divid, action){
	var $divref=this.divholders[divid].$divref; //reference collapsible DIV
	if (this.divholders[divid] && $divref.length==1){ //if DIV exists
		var targetgroup=this.divgroups[$divref.attr('groupname')]; //find out which group DIV belongs to (if any)
		if ($divref.attr('groupname') && targetgroup.count>1 && (action=="show" || action=="toggle" && $divref.css('display')=='none')){ //If current DIV belongs to a group
			if (targetgroup.lastactivedivid && targetgroup.lastactivedivid!=divid) //if last active DIV is set
				this.slideengine(targetgroup.lastactivedivid, 'hide'); //hide last active DIV within group first
				this.slideengine(divid, 'show');
			targetgroup.lastactivedivid=divid //remember last active DIV
		}
		else{
			this.slideengine(divid, action)
		}
	}
},

slideengine:function(divid, action){
	var $divref=this.divholders[divid].$divref;
	if (this.divholders[divid] && $divref.length==1){ //if this DIV exists
		var animateSetting={height: action};
		if ($divref.attr('fade'))
			animateSetting.opacity=action;
		$divref.animate(animateSetting, $divref.attr('speed')? parseInt($divref.attr('speed')) : 500);
		return false
	}
},

generatemap:function(){
	var map={};
	for (var i=0; i<arguments.length; i++){
		if (arguments[i][1]!=null){
			map[arguments[i][0]]=arguments[i][1]
		}
	}
	return map
},

init:function(){
	var ac=this;
	jQuery(document).ready(function($){
		var persistopenids=ac.getCookie('acopendivids'); //Get list of div ids that should be expanded due to persistence ('div1,div2,etc')
		var groupswithpersist=ac.getCookie('acgroupswithpersist'); //Get list of group names that have 1 or more divs with "persist" attribute defined
		if (persistopenids!=null) //if cookie isn't null (is null if first time page loads, and cookie hasnt been set yet)
			persistopenids=(persistopenids=='nada')? [] : persistopenids.split(','); //if no divs are persisted, set to empty array, else, array of div ids
		groupswithpersist=(groupswithpersist==null || groupswithpersist=='nada')? [] : groupswithpersist.split(','); //Get list of groups with divs that are persisted
		jQuery.each(ac.divholders, function(){ //loop through each collapsible DIV object
			this.$divref=$('#'+this.id);
			if ((this.getAttr('persist') || jQuery.inArray(this.getAttr('group'), groupswithpersist)!=-1) && persistopenids!=null){
				var cssdisplay=(jQuery.inArray(this.id, persistopenids)!=-1)? 'block' : 'none'
			}
			else{
				var cssdisplay=this.getAttr('hide')? 'none' : null
			}
			this.$divref.css(ac.generatemap(['height', this.getAttr('height')], ['display', cssdisplay]));
			this.$divref.attr(ac.generatemap(['groupname', this.getAttr('group')], ['fade', this.getAttr('fade')], ['speed', this.getAttr('speed')]));
			if (this.getAttr('group')){ //if this DIV has the "group" attr defined
				var targetgroup=ac.divgroups[this.getAttr('group')] || (ac.divgroups[this.getAttr('group')]={}); //Get settings for this group, or if it no settings exist yet, create blank object to store them in
				targetgroup.count=(targetgroup.count||0)+1; //count # of DIVs within this group
				if (!targetgroup.lastactivedivid && this.$divref.css('display')!='none' || cssdisplay=="block") //if this DIV was open by default or should be open due to persistence								
					targetgroup.lastactivedivid=this.id; //remember this DIV as the last "active" DIV (this DIV will be expanded)
				this.$divref.css({display:'none'}); //hide any DIV that's part of said group for now
			}
		}); //end divholders.each
		jQuery.each(ac.divgroups, function(){ //loop through each group
			if (this.lastactivedivid)
				ac.divholders[this.lastactivedivid].$divref.show() //and show last "active" DIV within each group (one that should be expanded)
		});
		var $allcontrols=$('*[rel]').filter('[rel^="collapse-"], [rel^="expand-"], [rel^="toggle-"]'); //get all elements on page with rel="collapse-", "expand-" and "toggle-"
		var controlidentifiers=/(collapse-)|(expand-)|(toggle-)/;
		$allcontrols.each(function(){
			$(this).click(function(){
				var relattr=this.getAttribute('rel');
				var divid=relattr.replace(controlidentifiers, '');
				var doaction=(relattr.indexOf("collapse-")!=-1)? "hide" : (relattr.indexOf("expand-")!=-1)? "show" : "toggle";
				return ac.showhide(divid, doaction)
			}); //end control.click
		});// end control.each
		$(window).bind('unload', function(){
			ac.uninit()
		});
	}) //end doc.ready()
},

uninit:function(){
	var opendivids='', groupswithpersist='';
	jQuery.each(this.divholders, function(){
		if (this.$divref.css('display')!='none'){
			opendivids+=this.id+',' //store ids of DIVs that are expanded when page unloads: 'div1,div2,etc'
		}
		if (this.getAttr('group') && this.getAttr('persist'))
			groupswithpersist+=this.getAttr('group')+',' //store groups with which at least one DIV has persistance enabled: 'group1,group2,etc'
	});
	opendivids=(opendivids=='')? 'nada' : opendivids.replace(/,$/, '');
	groupswithpersist=(groupswithpersist=='')? 'nada' : groupswithpersist.replace(/,$/, '');
	this.setCookie('acopendivids', opendivids);
	this.setCookie('acgroupswithpersist', groupswithpersist);
},

getCookie:function(Name){ 
	var re=new RegExp(Name+"=[^;]*", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1]; //return its value
	return null
},

setCookie:function(name, value, days){
	if (typeof days!="undefined"){ //if set persistent cookie
		var expireDate = new Date();
		expireDate.setDate(expireDate.getDate()+days);
		document.cookie = name+"="+value+"; path=/; expires="+expireDate.toGMTString();
	}
	else //else if this is a session only cookie
		document.cookie = name+"="+value+"; path=/"
}

};
	

// THIS PART HAS TO GO AFTER ANY $ DEFINITIONS

function findToggles(id) {
	//alert("findToggles");
	// find every instance of an anchor tag with the class "tog" applied to it
	var togButtons = $(id).find('a.tog');
	// if one or more is found
	if(togButtons != "-1"){
	
		$.each(togButtons, function(){
			var thisButton = $(this);
			// store the original text and class within the anchor tag as a global var
			var origText = thisButton.text();
			var origClass = thisButton.attr("class");
			var origParent = thisButton.parent("small");
			// if there is an explicit icon class declared on the button - leave it alone.
			var openClass = origClass;
			var closeClass = origClass;
			var openText = origText;
			var closeText = origText;
			
			if( origClass == "tog" )
			{
			  
				if( origParent != "-1" ){
					openClass = "icoL li_add tog";
					closeClass = "icoL li_del tog";
				} else {
					openClass = "icoL ico_add tog";
					closeClass = "icoL ico_delB tog";
				}
				
				  openText = "Keep Reading";
				  closeText = "Back to the basics";
				
			}
			
			thisButton.attr("class", openClass); // make sure anchor appears correctly based on show/hide status of div
			
			// store it's href variable
			var togThis = thisButton.attr('href');

				// integer of the length of the href
				var togLng = togThis.length;
				// find the # in the href (needed for degradable system)
				var findPound = togThis.indexOf('#') + 1;
						// remove the # for compatibility with the script method for calling hidden divs
						var togInstanceID = togThis.slice(findPound,togLng);
						var togDiv = $('#contentMain').find("div,ul,tbody").filter("[id='" + togInstanceID + "']");
							togDiv.removeClass('closed').css('display', 'none');
						// add the unique id found in the href attribute as a variable to use for function
						thisButton.attr('onclick', "animatedcollapse.toggle('" + togInstanceID + "')");
					// add a div to the toggle system each time one is found
					animatedcollapse.addDiv(togInstanceID);
			
			// toggle for non-animated processes (text or class altering for semantics)
			thisButton.toggle(function(){
					// localize tog div variable
					var cT = closeText;
					var cC = closeClass;
					thisButton.attr("class", cC).addClass("activeGroup").text(cT);
					
					// IE only 
					if( $.browser.msie ){
						togDiv.show();
					}
					
				}, function(){
					// localize tog div variable
					var oT = openText;
					var oC = openClass;
					thisButton.attr("class", oC).text(oT);
					// IE only
					if( $.browser.msie ){
						togDiv.hide();
					}
			});
			 
									
			
			
		});// end each()
		
		// return false on these buttons so the degradable ID doesn't shift the window hash location
		togButtons.bind("click", function(){ return false; });
		
		//initialize the function once everything is done
		animatedcollapse.init();

  }

} // end findToggles()