var emptyText = '<div style="cursor:hand;cursor:pointer;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 updateSel()
{
	if (IE)
	{
		var dv = document.getElementById("selectedStations");
		var s = dv.innerHTML
		dv.innerHTML = s;
	}
}

var k = 0;
var i = 0;
var count = 0;

function loadLine(line)
{
	var d = document.getElementById("lineStations");
	s = '';
	for (var i = 0; i < Sts.length; i++)
	{
        s += '<div style="margin-top: -3px; margin-bottom: -3px;">';
        s += '<input id = "st_' + Sts[i].id + '" onclick = "if (checked) addToSel(' + i + '); else removeSel(' + i + ')" type = checkbox style = "width: 10px; vertical-align: middle; margin-right: 5px;" ' + (Sts[i].checked ? "checked" : "") + ' value = ' + Sts[i].id + '>';
        s += '<label for = st_' + Sts[i].id + '>' + Sts[i].name + '</label>'; 
        s += '</div>';
	}
	d.innerHTML = s;
}

function mSel(v)
{
	if (Sts[v].checked) {
		removeSel(v);
		document.getElementById('imm'+v).src='img/obana4.gif';
	}
	else {
		addToSel(v);		
	}
}

function DopCheck(val)
{
	if (!(Sts[val].checked))
		addToSel(val); 
	else 
		removeSel(val);
}

function loadAll()
{
	document.body.style.cursor = "wait";
	var d = document.getElementById("lineStations");
    //alert(d);
	d.innerHTML = '';
	var s = '';
    var im = '';	
	for (var i = 0; i < Sts.length; i++)
	{
        if (Sts[i].lineid>0)
            im = '<img src="img/subway'+Sts[i].lineid+'.gif" style="cursor:hand;cursor:pointer" onclick="javascript:DopCheck('+i+')">';
        else    
            im = '<img src="img/spacer.gif">';
		
        s += '<div '+divStyle+'>';
		s += '<input id = "st_' + Sts[i].id + '" style="cursor:hand;cursor:pointer" onclick = "if (checked) addToSel(' + i + '); else removeSel(' + i + 
            ')" type="checkbox" '+inputStyle+' ' + 
            (Sts[i].checked ? "checked" : "") + ' value="' + Sts[i].id + '">&nbsp;';
        //s += Sts[i].name
		s += '<label for = st_' + Sts[i].id + ' '+labelStyle+' style="cursor:hand;cursor:pointer" >'+im+'&nbsp;' + Sts[i].name + '</label>';
		s += '</div>';
	}
	d.innerHTML = s;
	document.body.style.cursor = "default";
	//document.getElementById('text').value = s;
}

function InitloadAll()
{
	loadAll();	

	var s='';
	var offs=0;
	for (var i = 0; i < Sts.length; i++)
	{
		s = s + '<div id="s'+Sts[i].id+'" style="position:absolute; left:'+Sts[i].x+'; top:'+Sts[i].y+
			';"><img id="imm'+i+'" alt="'+Sts[i].name+'" src="img/obana4.gif" onclick="JavaScript:mSel('+i+');" style="cursor:hand;cursor:pointer"></div>';
	}
	document.getElementById('map1').innerHTML = document.getElementById('map1').innerHTML + s;
/*	if (SelSts)
	{
		for (var i = 0; i < SelSts.length; i++)
		{
			for (var j = 0; j < Sts.length; j++)
			{
				if (SelSts[i]==Sts[j].id) {
					addToSel(j);
				}
			}
		}
	}*/
	
    if (count == 0) 
        document.getElementById('selectedStations').innerHTML = emptyText;
}

var IE = document.all != null;

function addToSel(v)
{
	var d = document.getElementById('selectedStations');
	if (count == 0)
	{
		s = '<div '+divStyle+'>';
		s += '<input id="clear" '+inputStyle+' style="cursor:hand;cursor:pointer" onclick = "removeAll(); return false" type = checkbox>';
		s += '<label for = clear '+labelStyle+'><i>&nbsp;Очистить список</i></label>';
		s += "</div>";

		d.innerHTML = s;
	}
    document.getElementById(v+'_my').selected = true;
	var ds = document.getElementById("sel" + v);
    var im='';
	if (ds == null)
	{
        if (Sts[v].lineid>0)
            //im = '<img src="img/subway'+Sts[v].lineid+'.gif">';
			im = '<img src="img/subway'+Sts[v].lineid+'.gif" style="cursor:hand;cursor:pointer" onclick="javascript:DopCheck('+v+')">';
        else    
            im = '<img src="img/spacer.gif">';
            
		s  = '<div id = "sel' + v + '" '+divStyle+'>';
		s += '<input id = "stS_' + v + '" '+inputStyle+' style="cursor:hand;cursor:pointer" onclick="removeSel('+v+'); return false" type="checkbox" checked name="m" value="'+Sts[v].id+'">&nbsp;';
		s += '<label for = stS_' + v + ' '+labelStyle+' style="cursor:hand;cursor:pointer" >'+im+'&nbsp;' + Sts[v].name + '</label>'; 
		s += "</div>";
		d.innerHTML += s;
		
	}
	else
	{
		ds.style.display = '';
		//document.getElementById("stS_" + Sts[v].id).checked = true;
	}
	
	var st = document.getElementById('st_' + Sts[v].id);
	if (st)
		st.checked = true;
	
	Sts[v].checked = true;
	var t_sel = document.getElementById('imm'+v);
	if (t_sel != null)
		t_sel.src='img/obana5.gif';
		
	count++;
}

function addToSelAll(v)
{
	for (var i = 0; i < Sts.length; i++)
	{
		if (!Sts[i].checked && (Sts[i].line == v))
		{
			var c = document.getElementById("st_" + Sts[i].id);

			if (!c.checked)
			{
				c.checked = true;
				addToSel(i);
			}
		}
	}
}

function removeSelAll(v)
{
	for (var i = 0; i < Sts.length; i++)
	{
		if (Sts[i].checked && (Sts[i].line == v))
		{
			var c = document.getElementById("st_" + Sts[i].id);
			if (c.checked)
			{
				c.checked = false;
				removeSel(i);
			}
		}
	}
	for (i = 0; i < 165; i++)
	{
	document.getElementById(i+'_my').selected = false;
	}
}

function removeSel(v)
{
	var d = document.getElementById("sel" + v);
	var d2 = document.getElementById('selectedStations');
	d2.removeChild(d);
	//d.style.display = 'none';
	var st = document.getElementById("st_" + Sts[v].id);
	if (st) 
        st.checked = false;
	//document.getElementById("stS_" + v).checked = false;
	if (--count == 0) 
    document.getElementById('selectedStations').innerHTML = emptyText;
	document.getElementById(v+'_my').selected = false;
	Sts[v].checked = false;
	document.getElementById('imm'+v).src='img/obana4.gif';
	updateSel();
}

function removeAll()
{
	for (i = 0; i < Sts.length; i++)
		if (Sts[i].checked)
		{
			var st = document.getElementById("st_" + Sts[i].id);
			if (st) 
                st.checked = false;
			Sts[i].checked = false;
			document.getElementById('imm'+i).src='img/obana4.gif';
		}
	for (i = 0; i < 165; i++)
	{
	document.getElementById(i+'_my').selected = false;
	}
	count = 0;
	document.getElementById('selectedStations').innerHTML = emptyText;
}