var currentAlpha = 80;
var hideFlashes = true;
 
/** Ajax request to show group layout */
function showGroupLayout()
{
	var xmlhttp;
	xmlhttp = getXmlHttp();
	xmlhttp.open('GET', scriptIndexPath + 'action=layout&group=' + document.getElementById('formGroup').value + '&rand=' + Date(), true);
	xmlhttp.onreadystatechange = function()
	{
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
		{
			document.getElementById('layoutDiv').innerHTML = xmlhttp.responseText;
			document.getElementById('layoutDiv').style.display = 'block';
			showRadioLayout();
		}
	}
	xmlhttp.send(null);
}

/** Hide group layout */
function hideGroupLayout()
{
	document.getElementById('layoutDiv').style.display = 'none';
	document.getElementById('layoutDiv').innerHTML = '';
}

/** Show layout's parameters */
function showRadioLayout()
{
	for (i = 0; i < 7; i++)
	{
		document.getElementById('layout-span-' + i).style.display = (document.getElementById('layout-radio-' + i).checked ? 'block' : 'none');
	}
}

/** Show layout's parameters */
function saveGroupLayout()
{
	for (i = 0; i < 7; i++)
	{
		if (document.getElementById('layout-radio-' + i).checked)
		{
			break;
		}
	}
	if (i == 7)
	{
		alert('Error');
		return false;
	}
	var xmlhttp;
	xmlhttp = getXmlHttp();
	xmlhttp.open('GET', scriptIndexPath + 'action=layoutupdate&group=' + document.getElementById('formGroup').value + '&url=' + encodeURIComponent(document.getElementById('formUrl').value) + '&left=' + document.getElementById('layout-left-' + i).value + '&right=' + document.getElementById('layout-right-' + i).value + '&center=' + document.getElementById('layout-center-' + i).value + '&rand=' + Date(), true);
	xmlhttp.onreadystatechange = function()
	{
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
		{
			if (xmlhttp.responseText != 'OK')
			{
				alert(xmlhttp.responseText);
			}
			hideGroupLayout();
			loadIframe();
		}
	}
	xmlhttp.send(null);
}


/** Update JS code in display */
function updateJS()
{
	var str = '';
	var start = '&lt;script type=&quot;text/javascript&quot; src=&quot;http://clickspotter.com/js/jsdetect.php&quot;&gt;&lt;/script&gt;&lt;noscript&gt;&lt;p&gt;&lt;a href=&quot;http://www.clickspotter.com/index.html&quot;&gt;ClicksSpotter Heatmaps&lt;/a&gt;&lt;/p&gt;&lt;/noscript&gt;&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--<br/>ClickSpotterSite =';
	var siteURL = ' encodeURIComponent(window.location.pathname+window.location.search);'
	var siteTitle = ' (document.title == \'\' ? \'-none-\' : encodeURIComponent(document.title));';
	var str2 = 'ClickSpotterGroup = ';
	var group = "'"+document.getElementById('GroupName').value+"'; ";
	var str3 = 'ClickSpotterToken = ';
	var token = "'"+document.getElementById('clickspotterToken').value+"'; ";
	var str4 = 'ClickSpotterServer = \'http://counter.clickspotter.com/track/click.php\';initClickSpotter(); //--&gt; &lt;/script&gt;';

	document.getElementById('clickspotter-js').innerHTML = start+siteURL+str2+group+str3+token+str4;



}