//global list of markers
//var markersList = new Array();


function hideTG(id){
	$(".tgItems[itemsOfTg="+id+"]").hide();
	$(".tgElement[tgId="+id+"]").attr("display","0");
	$(".tgElement[tgId="+id+"]").find(".hideArrow").hide();
	$(".tgElement[tgId="+id+"]").find(".showArrow").show();
	showElementsForDisplayedTG();
}

function showTG(id){
	$(".tgItems[itemsOfTg="+id+"]").show();
	$(".tgElement[tgId="+id+"]").attr("display","1");
	$(".tgElement[tgId="+id+"]").find(".hideArrow").show();
	$(".tgElement[tgId="+id+"]").find(".showArrow").hide();
	showElementsForDisplayedTG();
}

function showElementsForDisplayedTG(){
	hideAllElements();
	tgArr = getDisplayedTG();
//	alert("1: "+tgArr);
	for(var i=0; i < tgArr.length; i++){
		hiddenElements = getHiddenElements();
//		alert("2: "+hiddenElements);
		for(var u=0; u < hiddenElements.length; u++){
			var elementTgList = $(".element[elementId="+hiddenElements[u]+"]").attr("tgList");
			var elementTgArr = elementTgList.split(",");
			for(t=0;t<elementTgArr.length;t++){
				if(tgArr[i]==elementTgArr[t]){
//					$(".cityElement[cityId="+hiddenCities[u]+"]").attr("display","1");
//					$(".cityElement[cityId="+hiddenCities[u]+"]").show();
					enableElement(hiddenElements[u]);
				}
			}
			/*if(elementTgList.length == 0){
				enableElement(hiddenElements[u]);
			}*/
		}
	}
}


function getDisplayedTG(){
	dispTgArr = new Array();
	$(".tgElement").each(function(){
		if($(this).attr("display") == '1'){
			dispTgArr.push($(this).attr("tgId"));
		}
	});
	return dispTgArr;
}

function getHiddenElements(){
	hiddenElementsArr = new Array();
	$(".element").each(function(){
		if($(this).attr("display") == '0'){
			hiddenElementsArr.push($(this).attr("elementId"));
		}
	});
	return hiddenElementsArr;
}

function enableElement(elementId){
	var element = $(".element[elementId="+elementId+"]");
	element.find(".active").show();
	element.find(".inactive").hide();
	element.attr("display","1");
//	element.css("background","#ffffff");
	window.markersList[elementId].show();
}

function disableElement(elementId){
	var element = $(".element[elementId="+elementId+"]");
	element.find(".active").hide();
	element.find(".inactive").show();
	element.attr("display","0");
//	element.css("background","#cccccc");
	window.markersList[elementId].hide();
}

function hideAllElements(){
	$(".element").each(function(){
		disableElement($(this).attr("elementId"));
	});
}

//maps functions



$(document).ready(function () {

    
});