var map = null;
var active_station = '/img/blue_fuel_icon.gif';
var inactive_station = '/img/gray_fuel_icon.gif';
var left_info = document.getElementById('right_info');
var current_marker;

function initialize() {
  	point_main	= new google.maps.LatLng(cur_city[0], cur_city[1]);
	var myOptions = {zoom: 13, center: point_main,mapTypeId: google.maps.MapTypeId.ROADMAP}
	map = new google.maps.Map(document.getElementById("map"), myOptions);
	marker = new google.maps.Marker({position:point_main, map: map, icon: active_station, title: 'Peržiūrėti šios degalinės informaciją'});
	showInfo(marker, cur_city[2], cur_city[0], cur_city[1]);
	current_marker = marker;		
	showPoints(); 
}
    
function showPoints()
{		
	var length = stations.length;
	for (i=0; i<length; i++) {
		if (stations[i] != undefined)
		{
			point  = new google.maps.LatLng(stations[i][0], stations[i][1]);
			marker = new google.maps.Marker({position:point, map: map, icon: inactive_station, title: 'Peržiūrėti šios degalinės informaciją'});
			showInfo(marker, stations[i][2], stations[i][0], stations[i][1]);	
		}
	}
}
    
function showInfo(marker, id, cord_x, cord_y)
{
	google.maps.event.addListener(marker, 'click', function() {
		current_marker.setIcon(inactive_station);
		document.getElementById('station_info').style.display = 'none';
		document.getElementById('waiting').style.display = 'block';
		text = getStationInfo(id);
		document.getElementById('station_info').innerHTML = text;
		document.getElementById('waiting').style.display = 'none';
		document.getElementById('station_info').style.display = 'block';
		marker.setIcon(active_station);
		current_marker = marker;
	});
}

function getStationInfo(id)
{
	if (window.XMLHttpRequest)
		xmlhttp=new XMLHttpRequest();
	else
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

	xmlhttp.open("GET",'http://www.degalukainos.lt/ajax.php?get_station='+id, false);
	xmlhttp.send(null);
	return makeStationInfo(xmlhttp.responseText);
}
	
function makeStationInfo(data)
{
	eval(data);
	var html = '<div>';
	
	if (data.network != undefined)
		html = html + '<div class="station">'+data.network+'</div>';
		
	if (data.city != undefined && data.address != undefined)
		html = html + '<div class="station_address">'+data.city+', '+data.address+'</div>';

	if (data.fuel_98 != undefined && data.fuel_98 > 0)
		html = html + '<div class="fuel_name">A98</div>' + make_number(data.fuel_98.toFixed(2));
	else
		html = html + '<div class="fuel_name">A98</div>' + make_empty_number();
	
	if (data.fuel_95 != undefined && data.fuel_95 > 0)
		html = html + '<div class="fuel_name">A95</div>' + make_number(data.fuel_95.toFixed(2));
	else
		html = html + '<div class="fuel_name">A95</div>' + make_empty_number();
		
	if (data.fuel_diesel != undefined && data.fuel_diesel > 0)
		html = html + '<div class="fuel_name">D</div>' + make_number(data.fuel_diesel.toFixed(2));
	else
		html = html + '<div class="fuel_name">D</div>' + make_empty_number();
		
	if (data.fuel_e85 != undefined && data.fuel_e85 > 0)
		html = html + '<div class="fuel_name">E85</div>' + make_number(data.fuel_e85.toFixed(2));
	else
		html = html + '<div class="fuel_name">E85</div>' + make_empty_number();
		
	if (data.fuel_gas != undefined && data.fuel_gas > 0)
		html = html + '<div class="fuel_name">LPG</div>' + make_number(data.fuel_gas.toFixed(2));
	else
		html = html + '<div class="fuel_name">LPG</div>' + make_empty_number();
	
	if (data.time != undefined && data.time != undefined)
		html = html + '<div class="time">Atnaujinta: '+data.time+'</div>';
	return html + '</div>';	
}
	
function make_number(number)
{
	var html = '<div class="price">';
	var i = 0;
	number = String(number);
	while (number.length > i)
	{
		digit = number.substring(i,i+1);
		if (digit != '.')
			html = html + '<span class="number">' + digit + '</span>';
		else
			html = html + '<span class="point">' + digit + '</span>';
		i++;
	}
	return html+'</div>';
}
    
function make_empty_number()
{
	return '<div class="price"><span class="empty">-</span><span class="point">.</span><span class="empty">-</span><span class="empty">-</span></div>';
}