var xenones=0;
var mnhmeia=0;
var fush=0;
var anthropos=0;
var selectableTextPanel;
////////////////////////////////////////////////////////////////
function addHTMLControl()
{
	addMagnifyControl();
//	addXenonesControl();
//	addMnhmeiaControl();
//	addNeroControl();
//	addFushControl();
//	addAnthroposControl();

try{
//	addFAQControl();

//	addWeatherControl();
}catch(err){alert(err);}
}
function 	addMagnifyControl()
{
	html='<div class="htmlControl" style="height:40px;width:40px" id="smalllargemap"> <img src="images/fakos.png" width="40" height="40" border="1"><BR>'+
		'<div id="biglargetxt" style="color:white;padding-bottom:3px;padding-left:1px;font:10px verdana;font-weight:bold;text-align:center;">'+
		'Μεγάλος<BR>Χάρτης</div></div>';
	var magnify=new HtmlControl(html, { visible:true, printable:false });
	map.addControl(magnify, new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(15, 35)));

	GEvent.addDomListener(document.getElementById('smalllargemap'), 'click', function()
	{
		resizeMap();
		var button=document.getElementById('biglargetxt');
		var html=(mapshort==0? 'Μικρός<BR>Χάρτης':'Μεγάλος<BR>Χάρτης');
		html=''+html+'';
		button.innerHTML=html;
	});

}

function 	addXenonesControl()
{
	var html =	'<div class="htmlControl htmlButton" style="width:88px;background:#EADFC9; font:11px verdana;padding-right:2px" id="cat15">'+
			'<img style="padding:0px;vertical-align:top" align="left" src="images/15.png" width="16px"/>'+
			'Οι Ξενώνες</div>';
	var cat15=new HtmlControl(html, { visible:true, printable:false });
	map.addControl(cat15, new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(4, 3)));
		GEvent.addDomListener(document.getElementById('cat15'), 'click',
		function()
		{
//			alert('15');
			if (xenones==1) xenones=0; else xenones=1;
			if (xenones==1)
			{
			show(15);
			document.getElementById('cat15').style.background="#EADFC9";
			}
			else
			{
			hide(15);
			document.getElementById('cat15').style.background="white";
			}
		}
	);

}
function showXenones()
{
//			alert('15');
			if (xenones==1) xenones=0; else xenones=1;
			if (xenones==1)
			{
			show(15);
			}
			else
			{
			hide(15);
			}
}

function 	addMnhmeiaControl()
{
	var html =	'<div class="htmlControl htmlButton" style="width:102px;background:#FADEB1; font:11px verdana;padding-right:2px" id="cat6">'+
			'<img style="padding:0px;vertical-align:top" align="left" src="images/06.png" width="16px"/>'+
			'<img style="padding:0px;vertical-align:top" align="left" src="images/04.png" width="16px"/>'+
			'Τα Μνημεία</div>';
	var cat15=new HtmlControl(html, { visible:true, printable:false });
	map.addControl(cat15, new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(93, 3)));
		GEvent.addDomListener(document.getElementById('cat6'), 'click',
		function()
		{
//			alert('15');
			if (mnhmeia==1) mnhmeia=0; else mnhmeia=1;
			if (mnhmeia==1)
			{
			show(4);
			show(6);
			document.getElementById('cat6').style.background="#FADEB1";
			}
			else
			{
			hide(4);
			hide(6);
			document.getElementById('cat6').style.background="white";
			}
		}
	);

}
function showMnhmeia()
{
switchToMap();
			if (mnhmeia==1) mnhmeia=0; else mnhmeia=1;
			if (mnhmeia==1)
			{
			show(4);
//			document.getElementById('cat6').style.background="#FADEB1";
			}
			else
			{
			hide(4);
//			document.getElementById('cat6').style.background="white";
			}
			removeClusterMarker();
}

function 	addNeroControl()
{
}
function 	addFushControl()
{
	var html =	'<div class="htmlControl htmlButton" style="width:64px;background:#00ff7f; font:11px verdana;padding-right:2px" id="cat5">'+
			'<img style="padding:0px;vertical-align:top" align="left" src="images/05.png" width="16px"/>'+
			'Η Φύση</div>';
	var cat15=new HtmlControl(html, { visible:true, printable:false });
	map.addControl(cat15, new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(198, 3)));
		GEvent.addDomListener(document.getElementById('cat5'), 'click',
		function()
		{
//			alert('5');
			if (fush==1) fush=0; else fush=1;
			if (fush==1)
			{
			show(9);
			document.getElementById('cat5').style.background="#00ff7f";
			}
			else
			{
			hide(9);
			document.getElementById('cat5').style.background="white";
			}
		}
	);
}
function showFush()
{
			if (fush==1) fush=0; else fush=1;
			if (fush==1)
			{
			show(9);
			show(11);
			}
			else
			{
			hide(9);
			hide(11);
//			document.getElementById('cat5').style.background="white";
			}
		removeClusterMarker();

}
function 	addAnthroposControl()
{
	var html =	'<div class="htmlControl htmlButton" style="width:92px;background:#FFD380; font:11px verdana;padding-right:2px" id="cat9">'+
			'<img style="padding:0px;vertical-align:top" align="left" src="images/09.png" width="16px"/>'+
			'Ο άνθρωπος</div>';
	var cat15=new HtmlControl(html, { visible:true, printable:false });
	map.addControl(cat15, new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(262, 3)));
		GEvent.addDomListener(document.getElementById('cat9'), 'click',
		function()
		{
//			alert('15');
			if (anthropos==1) anthropos=0; else anthropos=1;
			if (anthropos==1)
			{
			show(10);
			document.getElementById('cat9').style.background="#FFD380";
			}
			else
			{
			hide(10);
			document.getElementById('cat9').style.background="white";
			}
		}
	);
}
function showAnthropos()
{
//switchToMap();
			if (anthropos==1) anthropos=0; else anthropos=1;
			if (anthropos==1)
			{
			show(10);
			showPolylines();
			}
			else
			{
			hide(10);
			hidePolylines();
			}
	removeClusterMarker();
}
function switchToMap()
{
//alert(parent.document.getElementById('mapdiv'));
if (parent.document.getElementById('mapdiv')==null)
{
location.href='index2.php';
return false;
}
if (parent.document.getElementById('mapdiv').style.display=='none')
{
parent.document.getElementById('mapdiv').style.display='block';
$('maindiv').style.display='none';
}
}

function odhgies()
{
		selectableTextPanel.setVisible(!selectableTextPanel.isVisible);
//		var button=document.getElementById('faqtxt');
//		var html=(selectableTextPanel.isVisible)?'Απόκρυψη<BR>Οδηγιών':'Οδηγίες χρήσης διαδραστικού χάρτη';
//		html='<span>'+html+'</span> ';
//		button.innerHTML=html;

}
function 	addWeatherControl()
{
	//	another HtmlControl, this time the text it contans is not selectable or printable and we want it to be hidden when first created
	html='<div class="htmlControl" id="nonSelectableTextPanel" style="padding-left:10px;width:206px"><p style="font-weight:bold">Ο Καιρός στην Ελλάδα</p><p>Συνθήκες Mostly Cloudy<BR>Θερμοκρασία 7C<BR></p></div>';
	//	pass the html, override default visible setting and accept defaults settings for selectable(false) and printable(false)
	var nonSelectableTextPanel=new HtmlControl(html, { visible:false });
	map.addControl(nonSelectableTextPanel, new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(7, 158)));
	//	another click event listener - we want to show/hide nonSelectableTextPanel when nonSelectableButton is clicked
	GEvent.addDomListener(document.getElementById('nonSelectableButton'), 'click', function() {
		nonSelectableTextPanel.setVisible(!nonSelectableTextPanel.isVisible);
		var button=document.getElementById('nonSelectableButton');
		var html=(nonSelectableTextPanel.isVisible)?'Απόκρυψη Καιρού':'Ο Καιρός στην Ελλάδα';
		html='<span>'+html+'</span>';
		button.innerHTML=html;
	});
}

///////////////////////////////////////////////////////////////////////
function 		showPolylines()
{
        for (var i=0; i<gpolylines.length; i++)
        {
            gpolylines[i].show();
        }
}
function 		hidePolylines()
{
        for (var i=0; i<gpolylines.length; i++)
        {
            gpolylines[i].hide();
        }
}
///////////////////////////////////////////////////////////////////////////
function 	addFAQControl()
{
		//	now we create a HTML control which contains text that is selectable but not printable
	//	we want this HtmlControl to be created hidden
	htmlLink='<div id="faq" class="htmlControl" style="padding-left:3px;height:28px;width:110px">'+
		'<div id="faqtxt" style="padding-top:2px;padding-bottom:3px;padding-left:1px;font:9px verdana;font-weight:bold;text-align:center;">'+
		'Οδηγίες χρήσης διαδραστικού χάρτη</div></div>';
	var faqPanel=new HtmlControl(htmlLink, { visible:true, selectable:false });
//	map.addControl(faqPanel, new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(175, 5)));

	html='<div class="htmlControl" style="padding-top:2px;height:214px;padding-left:10px;width:390px">'+
	'<p style="font-weight:bold">Οδηγίες χρήσης διαδραστικού χάρτη</p><ul>'+
	'<li>Με <span style="color:blue">click</span> πάνω το εικονίδιο "Μεγας Χάρτης" μπορείτε να δέιτε το χάρτη σε μεγαλύτερο μέγεθος</li>'+
	'<li>Με <span style="color:blue">click</span> πάνω σε ένα σημείο μπορείτε να δείτε πληροφορίες και να πάρετε οδηγίες για να κατευθυθείτε από ή προς την τοποθεσία</li>'+
	'<li>Τις οδηγίες κατεύθυνσης μπορείτε να τις τυπώσετε</li>'+
	'<li>Για οδηγίες κατεύθυνσης σε μικρούς δρόμους, επιλέξτε πεζοπορία</li>'+
	'<li>Με <span style="color:red">δεξί click</span> μπορείτε να ζουμάρετε απευθείας σε ένα σημείο</li>'+
	'<li>Με <span style="color:blue">click</span> σε οποιαδήποτε κατήγορία (π.χ. Οι Ξενώνες) ελέγχετε την εμφάνιση όσων σημείων ανήκουν στην κατηγορία</li></ul></div>';
	//	pass the html and override the defaults for visible and selectable but accept default for printable(false)
	selectableTextPanel=new HtmlControl(html, { visible:false, selectable:true });
	map.addControl(selectableTextPanel, new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(70, 30)));

	// another click listener - we want to show/hide selectableTextPanel when selectableButton is clicked
	GEvent.addDomListener(document.getElementById('faq'), 'click', function() {
	odhgies();
	});


}