window.onload = prepareGroups;
function prepareGroups()
	{
	var sidebar = document.getElementById("sidebar");
	var groups = sidebar.getElementsByTagName("dd");
	for (var i=0; i<groups.length; i++)
	{
		var w= groups[i];
		var q = w.getAttribute("class");
		
		updateSidebar();
		UpdateDomainLinks();
	}
}

function UpdateDomainLinks()
{
	var domainLinks = document.getElementsByTagName("a");
	for ( var i =0; i < domainLinks.length; i++)
	{
		if (domainLinks[i].getAttribute("class") == "domain")
		{
			//alert ("Starting Processing");
			domainLinks[i].onclick = function()
			{
				
				var dom = "";
				dom = this.getAttribute("href").split("?domain=")[1]; // raw domain
				var x = ControlPanel.AjaxSample.GetWebMailAddress(dom);
				var domainText = document.createTextNode(dom);

 //Update Heading
				var panel = document.getElementById("PanelDomainSelected");
				var headingLabel = document.getElementById("Label1");
				var headingLabelText = headingLabel.firstChild;
				headingLabel.removeChild(headingLabelText);
				headingLabelText = domainText;
				headingLabel.appendChild(headingLabelText);
				
				
				
				
				
//				link.appendChild(text);
//				var para = document.createElement("p");
//				text = document.createTextNode("Webmail: ");
//				para.appendChild(text);
//				para.appendChild(link);
//				headingLabel1.appendChild(document.createTextNode(dom));
//				panel.appendChild(para);
				fadeYelDarkBlu(headingLabel);
				
				return false;
			};
		};
	};
};
			

function updateSidebar()
{
	var sidebar = document.getElementById("sidebar");
	var groups = sidebar.getElementsByTagName("dd");
	for (var i=0; i<groups.length; i++)
	{
		var w= groups[i];
		var q = w.getAttribute("class");
	
		if(q == "CollapsableGroup" )
		{
		    w.nextSibling.setAttribute("class","");
			w.onclick = function()
			{
				fadeYelBlu(this);
				this.nextSibling.setAttribute("class","hidden");
				this.setAttribute("class","ExpandableGroup");
				updateSidebar();
				return false;
			};
		}
		if(q == "ExpandableGroup" || q == "StaticGroup")
		{
			w.setAttribute("class","ExpandableGroup");
			w.nextSibling.setAttribute("class","hidden");
			w.onclick = function() 
			{
				fadeYelBlu(this.nextSibling);
				
				fadeYelBlu(this);
				this.nextSibling.setAttribute("class","");
				this.setAttribute("class","CollapsableGroup");
				updateSidebar();
				return false;
			};
		}
	}
}

function doSomething() {

}

function fadeYelBlu(element) {
	fadeUp(element,252,252,153,252,252,255,10,100);
}

function fadeYelDarkBlu(element) {
	fadeUp(element,252,252,153,221,248,255,10,100);
}



function fadeUp(element,red,green,blue,finalred,finalgreen,finalblue,rate,time) {
	if (element.fade) {
		clearTimeout(element.fade);
	}
	element.style.backgroundColor = "rgb(" + red + "," + green + "," + blue +")";
	if (red==finalred && green==finalgreen && blue==finalblue) {
		element.style.backgroundColor ="transparent";
		return;
	}
	var newred = red+ Math.ceil((finalred-red)/rate);
	var newgreen = green + Math.ceil((finalgreen-green)/rate);
	var newblue = blue + Math.ceil((finalblue-blue)/rate);
	var repeat = function() {
		fadeUp(element,newred,newgreen,newblue,finalred,finalgreen,finalblue,rate,time);
		};
	element.fade = setTimeout(repeat,time);
}