var DemptyText = '<div style="vertical-align:middle;font-size:11px; font-style:italic;">направление не выбрано</div>';
var divStyle = 'style="vertical-align:middle;font-size:11px; padding:0; margin:0;"';
var inputStyle = 'style="padding:0; margin:0;width:9px; height:9px;vertical-align:middle"';
var labelStyle = 'style="font-size:11px;"';

function DupdateSel()
{
	if (IE)
	{
		var dv = document.getElementById("selectedDirection");
		var s = dv.innerHTML
		dv.innerHTML = s;
	}
}

var dcount = 0;

function DloadAll()
{
	document.body.style.cursor = "wait";
	var d = document.getElementById("Directions");
    //alert(d);
	d.innerHTML = '';
	var s = '';
    var im = '';	
	for (var i = 0; i < Dts.length; i++)
	{
        im = '';
	
        s += '<div '+divStyle+'>'; 

		s += '<input id = "zt_' + Dts[i].id + '" onclick = "if (checked) DaddToSel(' + i + '); else DremoveSel(' + i + 
            ')" type = checkbox '+inputStyle+' ' + 
            (Dts[i].checked ? "checked" : "") + ' value = ' + Dts[i].id + '>&nbsp;';

//		s += im
//		s += Dts[i].name

		s += '&nbsp;<label for = zt_' + Dts[i].id + ' '+labelStyle+' ' + 
            ' >' + Dts[i].name + '</label>'; 

		s += '</div>'; 
	}
	d.innerHTML = s;
	document.body.style.cursor = "default";
}

function DInitloadAll()
{
	DloadAll();	

	var s='';
	var offs=0;
	for (var i = 0; i < SelDts.length; i++)
	{
		for (var j = 0; j < Dts.length; j++)
		{
			if (SelDts[i]==Dts[j].id) {
				DaddToSel(j);
			}
		}
	}
	
    if (dcount == 0) 
        document.getElementById('selectedDirection').innerHTML = DemptyText;
}

var IE = document.all != null;

function DaddToSel(v)
{
	var d = document.getElementById('selectedDirection');
	if (dcount == 0)
	{
		s = '<div '+divStyle+'>';
		s += '<input id="clearD" '+inputStyle+' onclick = "DremoveAll(); return false" type = checkbox>';
		s += '<label for = clearD '+labelStyle+'><i>&nbsp;Очистить список</i></label>';
		s += "</div>";

		d.innerHTML = s;
	}
	var ds = document.getElementById("zel" + v);
	if (ds == null)
	{
		s  = '<div id = "zel' + v + '" '+divStyle+'>';
		s += '<input id = "ztS_' + v + '" '+inputStyle+' onclick="DremoveSel('+v+'); return false" type="checkbox" checked name="d" value="'+Dts[v].id+'">&nbsp;';
		s += '&nbsp;<label for = ztS_' + v + ' '+labelStyle+'>&nbsp;' + Dts[v].name + '</label>';
		s += "</div>";
		d.innerHTML += s;
	}
	else
	{
		ds.style.display = '';
		//document.getElementById("ztS_" + v).checked = true;
	}
	
	var zt = document.getElementById('zt_' + Dts[v].id);
	if (zt)
		zt.checked = true;
	
	Dts[v].checked = true;
	
	dcount++;
}

function DremoveSel(v)
{
	var d = document.getElementById("zel" + v);
	d.style.display = 'none';
	var st = document.getElementById("zt_" + Dts[v].id);
	if (st) 
        st.checked = false;
	document.getElementById("ztS_" + v).checked = false;
	if (--dcount == 0) 
        document.getElementById('selectedDirection').innerHTML = DemptyText;

	Dts[v].checked = false;
	DupdateSel();
}

function DremoveAll()
{
	for (i = 0; i < Dts.length; i++)
		if (Dts[i].checked)
		{
			var st = document.getElementById("zt_" + Dts[i].id);
			if (st) 
                st.checked = false;
			Dts[i].checked = false;			
		}

	dcount = 0;
	document.getElementById('selectedDirection').innerHTML = DemptyText;
}