{include file="$gentemplates/index_top.tpl"}
<td class="main_cell">
	<!-- begin main cell -->
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td valign="top">
			<div class="header" style="margin: 0px;"><div style="padding: 5px 0px">{$lang.organizer.page_title}</div></div>
		</td>
	</tr>
	{if $form.err}
	<tr>
		<td style="padding-bottom: 5px;"><font class="error_msg">*&nbsp;{$form.err}</font></td>
	</tr>
	{/if}
	<tr>
		<td style="padding: 10px 0px 3px 0px;">
		<table cellpadding="0" cellspacing="0">
			<tr>
				<td width="16"><img src="{$site_root}{$template_root}{$template_images_root}/btn_back.gif" hspace="0" vspace="0" border="0" alt=""></td>
				<td style="padding-left: 2px;"><a href="organizer.php">{$lang.button.back}</a></td>
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td valign="top" class="text">
			<table cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td valign="top">
					<div class="content" style=" margin: 0px; padding: 10px 15px 15px 10px;">
					<table cellpadding="0" cellspacing="0" border="0" height="510" width="100%">
					<tr>
						<td valign="top" width="150" height="510">
							<form id="area_form" style="margin: 0px;">
							<table cellpadding="0" cellspacing="0" border="0">
							{section name=s loop=$lang.organizer.section_name}
							<tr>
								<td width="11"><input type="checkbox" value="1" id="area_{$smarty.section.s.index+1}" {if $data[$smarty.section.s.index] == 'true'} checked {/if} onclick="ChangeHome(document.getElementById('home_div'));"></td>
								<td><label for="area_{$smarty.section.s.index+1}" style="cursor: pointer;" onmouseover="HighLight({$smarty.section.s.index+1}, 1);" onmouseout="HighLight({$smarty.section.s.index+1}, 0);">&nbsp;{$smarty.section.s.index+1}. {$lang.organizer.section_name[s]}</label></td>
							</tr>
							{/section}
							<tr>
								<td style="padding-top: 10px; padding-left: 5px;" colspan="2"><a href="homepage.php">{$lang.organizer.view_result}</a></td>
							</tr>
							</table>
							</form>
						</td>
						<td width="420" height="510" style="padding-left: 10px;" valign="top">
						<div id="home_div" style="height: 510px; width: 420px;">
							{include file="$gentemplates/organizer_home_small.tpl"}
						</div>
						</td>
					</tr>
					</table>
					</div>
				</td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
	<!-- end main cell -->
</td>
{literal}
<script type="text/javascript">
function HighLight(section, state) {
	if (document.getElementById('section_'+section)) {
		if (state == 1) {
			setElementOpacity('section_'+section, 0.4);
		} else {
			setElementOpacity('section_'+section, 1.0);
		}
	}
	return;
}

function setElementOpacity(sElemId, nOpacity)
{

  var opacityProp = getOpacityProperty();
  var elem = document.getElementById(sElemId);

  if (!elem || !opacityProp) return; // error

  if (opacityProp=="filter")  // Internet Explorer 5.5+
  {
    nOpacity *= 100;

    var oAlpha = elem.filters['DXImageTransform.Microsoft.alpha'] || elem.filters.alpha;
    if (oAlpha) oAlpha.opacity = nOpacity;
    else elem.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+nOpacity+")";
  }
  else
    elem.style[opacityProp] = nOpacity;
}

function getOpacityProperty()
{
  if (typeof document.body.style.opacity == 'string') { // CSS3 compliant (Moz 1.7+, Safari 1.2+, Opera 9, IE7)
    return 'opacity';
  } else if (typeof document.body.style.MozOpacity == 'string') {// Mozilla 1.6 ט לכאהרו, Firefox 0.8
    return 'MozOpacity';
  } else if (typeof document.body.style.KhtmlOpacity == 'string') {// Konqueror 3.1, Safari 1.1
    return 'KhtmlOpacity';
  } else if (document.body.filters && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5) {// Internet Explorer 5.5+
    return 'filter'
  } else {
  	return false;
  }
}

var req = null;

function InitXMLHttpRequest() {
	// Make a new XMLHttp object
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		req = new ActiveXObject("Microsoft.XMLHTTP");
	}
//	if (typeof window.ActiveXObject != 'undefined' ) req = new ActiveXObject("Microsoft.XMLHTTP");
//	else req = new XMLHttpRequest();
}

function ChangeHome(destination) {
	var statuses = new Array(9);
	for (var i=1; i<10; i++) {
		statuses[i-1] = document.getElementById('area_'+i).checked;
	}

	InitXMLHttpRequest();
	// Load the result from the response page
	if (req) {
		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				destination.innerHTML = req.responseText;
			} else {
				destination.innerHTML = "<div align='center' style='height: 300px;'>Loading data...</div>";
			}
		}
		req.open("GET", "organizer.php?sel=ajax_req&statuses=" + statuses, true);
		req.send(null);
	} else {
		destination.innerHTML = 'Browser unable to create XMLHttp Object';
	}
}
</script>
{/literal}
{include file="$gentemplates/index_bottom.tpl"}