function setCookie (name, value)
	{
		var date = new Date ();
		date.setTime (date.getTime () + (365 * 24 * 60 * 60 * 1000));
		var expires = "; expires=" + date.toGMTString ();
		document.cookie = name + "=" + value + expires + "; path=/";
	}
function readCookie (name)
	{
		var nameEQ = name + "=";
		var ca = document.cookie.split(';');
		for (var i = 0; i < ca.length; i++)
			{
			var c = ca[i];
			while (c.charAt (0) == ' ') 
				{
				c = c.substring (1, c.length);
				}
			if (c.indexOf (nameEQ) == 0)
				{
				return c.substring (nameEQ.length, c.length);
				}
			}
		return null;
	}
function dynamicstylechanger_init (strDiv, strLegendTitle, strElements, strStyles)
	{
		var strStyleName = readCookie (strDiv);
		if (strStyleName == null)
			{
				var arrStyles = strStyles.split(',');
				changedynamicstyle(arrStyles[0], strDiv, strLegendTitle, strElements, strStyles);
			}
			else
			{
				changedynamicstyle(strStyleName, strDiv, strLegendTitle, strElements, strStyles);
			}	
	}
function displaydynamicstylelegend (strStyleName, strDiv, strLegendTitle, strElements, strStyles)
	{
		var arrLegendTitle = strLegendTitle.split(',');
		var intLegendTitle = 0;
		var arrStyles = strStyles.split(',');
		var strHTML = '';
		strHTML += '<table class="dynamicstylechanger"><tr>';
		strHTML += '<td>' + arrLegendTitle[intLegendTitle] + '</td>';
		for (var intStyle in arrStyles)
			{
				intLegendTitle += 1;
				if (strStyleName.toLowerCase() == arrStyles[intStyle].toLowerCase() )
				{
					//strHTML += '<td style="background-color: black; background-color: black; color=white;" class="' + arrStyles[intStyle] + '" >' + arrLegendTitle[intLegendTitle] + '</td>';
					strHTML += '<td><span class="dynamicstylechanger_' + arrStyles[intStyle] + '_selected" >' + arrLegendTitle[intLegendTitle] + '</span></td>';
				}
				else
				{
					//strHTML += '<td><a href="javascript:changedynamicstyle(\'' + arrStyles[intStyle] + '\',\'' + strDiv + '\',\'' + strLegendTitle + '\',\'' + strElements + '\',\'' + strStyles + '\')" class="' + arrStyles[intStyle] + '">' + arrLegendTitle[intLegendTitle] + '</a></td>';
					strHTML += '<td><a href="javascript:changedynamicstyle(\'' + arrStyles[intStyle] + '\',\'' + strDiv + '\',\'' + strLegendTitle + '\',\'' + strElements + '\',\'' + strStyles + '\')" class="dynamicstylechanger_' + arrStyles[intStyle] + '">' + arrLegendTitle[intLegendTitle] + '</a></td>';
				}
			}
		strHTML += '</tr></table>';
		document.getElementById(strDiv).innerHTML = strHTML;
	}
function changedynamicstyle (strStyleName, strDiv, strLegendTitle, strElements, strStyles)
	{
		var arrElements = strElements.split(',');
		for (var intStyle in arrElements)
			//alert (arrTextStyles[intStyle]);
			{
				if (arrElements[intStyle].toLowerCase() == 'body' )
					{
						document.getElementsByTagName(arrElements[intStyle])[0].className = strStyleName;
					}
					else
					{
						document.getElementById(arrElements[intStyle]).className = strStyleName;
					}
			}
		setCookie (strDiv, strStyleName);
		displaydynamicstylelegend (strStyleName, strDiv, strLegendTitle, strElements, strStyles);
	}