var map = null;
var zoom = 6;
function LoadTiny()         
{            
	if (map!=null)            
	{                
		map.Dispose();            
	}            
	map = new VEMap('myMap');            
	map.SetDashboardSize(VEDashboardSize.Tiny);
	map.LoadMap();         
	map.SetMapStyle(VEMapStyle.Road);
	
	/*map.PanToLatLong(new VELatLong(29.71, -8.98));
	map.SetZoomLevel(14);*/
	
	HideDashboard();
	
	map.PanToLatLong(new VELatLong(29.4, -8.8));
	SetZoom(zoom);
	
	var Taroudannt = new VEShape(VEShapeType.Pushpin, new VELatLong(30.482,-8.875));
	Taroudannt.SetTitle('Taroudannt');
	map.AddShape(Taroudannt);
	
	var Agadir = new VEShape(VEShapeType.Pushpin, new VELatLong(30.423,-9.611));
	Agadir.SetTitle('Agadir');
	map.AddShape(Agadir);
	
	var Tiznit = new VEShape(VEShapeType.Pushpin, new VELatLong(29.709,-9.7332));
	Tiznit.SetTitle('Tiznit');
	map.AddShape(Tiznit);
	
	var Tafraoute = new VEShape(VEShapeType.Pushpin, new VELatLong(29.717,-8.983));
	Tafraoute.SetTitle('Tafraoute');
	map.AddShape(Tafraoute);
	
	btn = $('headMap').getElements('img');
	btn[0].addEvent('click', function(){SetZoom(--zoom)})
	btn[1].addEvent('click', function(){SetZoom(++zoom)})
	btn[2].addEvent('click', function(){popup('map.htm',570,400)});//window.open('map.htm',null,'menubar=no, status=no, scrollbars=no, width=520, height=390, align=center')})
}

function popup(url,w,h) 
{
	var width  = w;
	var height = h;
	var left   = (screen.width  - width)/2;
	var top    = (screen.height - height)/2;
	var params = 'width='+width+', height='+height;
	params += ', top='+top+', left='+left;
	params += ', directories=no';
	params += ', location=no';
	params += ', menubar=no';
	params += ', resizable=no';
	params += ', scrollbars=no';
	params += ', status=no';
	params += ', toolbar=no';
	newwin=window.open(url,'', params);
	if (window.focus) {newwin.focus()}
	return false;
}


function SetZoom(i){map.SetZoomLevel(i);}
function ShowDashboard(){map.ShowDashboard();}
function HideDashboard(){map.HideDashboard();}