﻿//
// Tabs

var tabObj = new Array();
var tabContentObj = new Array();
var currentTab = null;
var currentTabContent = null;

function initializeTabs(tabId)
{
	currentTab = document.getElementById(tabId);
	currentTabContent = document.getElementById(tabId + '_content');
}

function tabClick(tabId)
{
	var tab = tabObj[tabId];
	if (tab == null)
	{
		tab = document.getElementById(tabId);
	}
	var tabContent = tabContentObj[tabId];
	if (tabContent == null)
	{
		tabContent = document.getElementById(tabId + '_content');
	}

	if (currentTab == null || currentTabContent == null)
	{
		currentTab = document.getElementById('tab1');
		currentTabContent = document.getElementById('tab1_content');
	}

	currentTab.className = 'tab'
	currentTabContent.style.display = 'none';

	tab.className = 'tabClicked'
	tabContent.style.display = 'block';

	currentTab = tab;
	currentTabContent = tabContent;

	tabObj[tabId] = tab;
	tabContentObj[tabId] = tabContent;
}

//
// Pricelist

function TogglePricelist(tourId)
{
	var obj = $get('pricelist_' + tourId);

	if (obj.style.display == 'block')
	{
		obj.style.display = 'none';
	}
	else
	{
		obj.style.display = 'block';
	}
}

//
// Maps

var maps = new Array();
var markerLabels = new Array();

function initializeMap(mapCanvasId, mapType, latitude, longitude, zoom, displayCenterMarker, markers, alignMapByMarkers)
{
	if (markers.length > 0)
	{
		markers = eval(markers);
	}

	if (GBrowserIsCompatible())
	{
		if (latitude != 0 && longitude != 0 && latitude != '' && longitude != '')
		{
			map = new GMap2(document.getElementById(mapCanvasId));
			map.setCenter(new GLatLng(latitude, longitude), zoom);
			map.setUIToDefault();
			map.setMapType(mapType);
			map.enableContinuousZoom();
			map.disableScrollWheelZoom(); 

			if (displayCenterMarker)
			{
				var marker = new GMarker(map.getCenter());
				map.addOverlay(marker);
			}

			var latlngbounds = new GLatLngBounds();

			
			for (i = 0; i < markers.length; i++)
			{
				latlngbounds.extend(markers[i].point);
				map.addOverlay(createMarker(markers[i]));
			}
			
			if (alignMapByMarkers)
			{
				if (markers.length > 0)
				{
					map.setCenter(latlngbounds.getCenter(), map.getBoundsZoomLevel(latlngbounds));
					map.bounds = latlngbounds;
				}
			}

			maps[maps.length] = map;
		}
	}
}

function createMarkerIcon() 
{
	var icon = new GIcon(G_DEFAULT_ICON);
	icon.image = 'http://maps.gstatic.com/intl/sk_ALL/mapfiles/ms/micons/yellow-dot.png';
	icon.iconSize = new GSize(32, 32);
	return icon;
}

function createMarker(markerInfo)
{
	var marker = new GMarker(markerInfo.point);
	if (markerInfo.selected)
	{
		marker = new GMarker(markerInfo.point, createMarkerIcon());
	}
	markerLabels[marker] = markerInfo.name;
	GEvent.addListener(marker, 'click', function()
	{
		if (markerInfo.imageUrl != '')
		{
			marker.openInfoWindowTabsHtml("<div style='width: 215px; height: 155px; position: relative; top: -2px; overflow: hidden;'><div style='font-size: 11px; text-align: center; white-space: nowrap;'><a href='" + markerInfo.url + "'>" + markerInfo.name + "</a></div><div style='width: 215px; height: 144px; overflow: hidden; text-align: center;'><img style='height: 144px;' src='" + markerInfo.imageUrl + "' /></div></div>");
		}
		else
		{
			marker.openInfoWindowTabsHtml("<div style='width: 215px; height: 55px; position: relative; top: -2px; overflow: hidden;'><div style='font-size: 11px; text-align: center; white-space: nowrap;'><a href='" + markerInfo.url + "'>" + markerInfo.name + "</a></div><div style='width: 215px; height: 144px; overflow: hidden; text-align: center;'></div></div>");
		}

	});
	return marker;
}

function refreshMaps()
{
	for (i = 0; i < maps.length; i++)
	{
		maps[i].checkResize();
		if (maps[i].bounds != null)
		{
			map.setCenter(map.bounds.getCenter(), map.getBoundsZoomLevel(map.bounds));
		}
	}
}

//
// TOGGLE PANEL
function togglepanel(panel)
{
    if (document.getElementById(panel).style.display == 'none')
    {
        document.getElementById(panel).style.display = 'block';
    }
    else
    {
        document.getElementById(panel).style.display = 'none';
    }
}