// JavaScript Document

function GetObj(name) {
	var obj = document.anchors[name];
	if (obj==null || typeof(obj)=="undefined"){
		if (document.getElementById){ //NS6+
			obj = document.getElementById(name);
		}else{ //IE4+
			obj = document.all[name];
			if ((obj==null || typeof(obj)=="undefined") && typeof(document.body)!="undefined") {
				obj = document.body.document.all[name];
			}
		}
	}
	if ((obj!=null) && (typeof(obj)!="undefined")){
		return obj;
	}else{
		//alert("GetObj('"+name+"'): Object not found!");
		return null;
	}
}

function SetHTML(name, content) {
	GetObj(name).innerHTML = content;	
}
		
function SetVisible(names, visible){
	// Hide or Show multiple object
	names = names.split(",");
	var i;
	for (i=0; i<names.length; i++){
		var obj = GetObj(names[i]);
		if (obj != null){
			if (visible) {
				obj.style.display = "block";
			}else{
				obj.style.display = "none";
			}
		}
	}
}

  
function displayObject( obj, show ) {

  // step 1
  obj = getObject( obj );
  if (obj==null) return;

  // step 2
  obj.style.display = show ? 'block' : 'none';
  obj.style.visibility = show ? 'visible' : 'hidden';
}

function moveObject( obj, loc ) {

  // step 1
  var tempX = 0;
  var tempY = 0;
  var offsetX = 50;
  var offsetY = -30;
  var object = GetObj(obj);
  var LocObj = GetObj(loc);

  // step 3
  alert(LocObj.style.top);
  tempX = LocObj.style.top + document.body.scrollLeft;
  tempY = LocObj.style.left + document.body.scrollTop;
  

  // step 4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}

  // step 5
  object.style.top  = (tempY + offsetY) + 'px';
  object.style.left = (tempX + offsetX) + 'px';

}



// Deze functie wordt gebruikt om onClick onzichtbare layers te tonen.
function toonVerberg(antwoord) {
	e=document.getElementById(antwoord)
	toon=e.style.display
	if(toon=='none'||toon=='')e.style.display='block'
	else e.style.display='none'
}

// Deze functie wordt gebruikt om onClick onzichtbare layers te tonen.
function HideElement(antwoord) {
	e=document.getElementById(antwoord);
	e.style.display='none';
}

function DeleteElement(antwoord) {
	e=document.getElementById(antwoord);
	e.parentNode.removeChild(e);
}

function CalculateBoxWidth () {
	var myBoxPricesHolder = GetObj('BoxPricesHolder');
	var myBoxDays = GetObj('BoxDays');
	var myBoxDescription = GetObj('BoxDescription');
	var myBoxPricesMain = GetObj('BoxPricesMain');
	
	var myWidth = myBoxPricesMain.offsetWidth - (myBoxDays.offsetWidth + myBoxDescription.offsetWidth + 40);
	return myWidth;
	//BoxDays
	//BoxDescription
	//BoxPricesMain
	//BoxPricesHolder
}

function ShowHideAccoTabs(clickTabId)
{
    var clickedTab = document.getElementById(clickTabId);
    if (!clickedTab)
    {
        return;
    }
    var TabIDs = new Array();
    TabIDs[0] = "AccoTab";
    TabIDs[1] = "PhotoTab";
    TabIDs[2] = "MapTab";
    TabIDs[3] = "ReviewsTab";
    for (var tabID = 0; tabID < TabIDs.length; tabID++)
    {
        if (clickTabId == TabIDs[tabID])
        {
            // show the clicked tab:
            if (clickedTab.className.indexOf("hidden") != -1)
            {
                HideShow(clickedTab);
            }
        }
        else
        {
            var currentTab = document.getElementById(TabIDs[tabID]);
            if (!currentTab)
            {
                continue;
            }
            // hide the not clicked tab:
            if (currentTab.className.indexOf("hidden") == -1)
            {
                HideShow(currentTab);
            }
        }
    }
}

function ShowHideDestTabs(clickTabId, photoTabId)
{
    var clickedTab = document.getElementById(clickTabId);
    if (!clickedTab)
    {
        return;
    }
    var TabIDs = new Array();
    TabIDs[0] = "CountryTab";
    TabIDs[1] = "RegionTab";
    TabIDs[2] = "PlaceTab";
    TabIDs[3] = "PhotoTab";
    TabIDs[4] = "ExcursionsTab";
    TabIDs[5] = "CarRentalTab";
    TabIDs[6] = "MapTab";
    TabIDs[7] = "WeatherTab";
    
    for (var tabID = 0; tabID < TabIDs.length; tabID++)
    {
        if (clickTabId == TabIDs[tabID])
        {
            // show the clicked tab:
            if (clickedTab.className.indexOf("hidden") != -1)
            {
                HideShow(clickedTab);
                //hide link
                var LinkHide
                if(clickTabId == "CountryTab")
                {
                    LinkHide = document.getElementById('CountryLink');
                }
                if(clickTabId == "RegionTab")
                {
                    LinkHide = document.getElementById('RegionLink');
                }
                if(clickTabId == "PlaceTab")
                {
                    LinkHide = document.getElementById('PlaceLink');
                }
                if(LinkHide != null)
                {
                    HideShow(LinkHide);
                }
            }
        }
        else
        {
            var currentTab = document.getElementById(TabIDs[tabID]);
            if (!currentTab)
            {
                continue;
            }
            // hide the not clicked tab:
            if (currentTab.className.indexOf("hidden") == -1)
            {
                HideShow(currentTab);
                //show link
                var LinkShow
                if(TabIDs[tabID] == "CountryTab")
                {
                    LinkShow = document.getElementById('CountryLink');
                }
                if(TabIDs[tabID] == "RegionTab")
                {
                    LinkShow = document.getElementById('RegionLink');
                }
                if(TabIDs[tabID] == "PlaceTab")
                {
                    LinkShow = document.getElementById('PlaceLink');
                }
                if(LinkShow != null)
                {
                    HideShow(LinkShow);
                }
            }
        }
    }
    var informationTabs = document.getElementById('InformationTabs');
    if (photoTabId)
    {
        if (clickTabId == TabIDs[0] || clickTabId == TabIDs[1] || clickTabId == TabIDs[2])
        {
            if (informationTabs)
            {
                var elems = informationTabs.getElementsByTagName("span");
                if (elems)
                {
                    for (var i = 0; i < elems.length; i++)
                    {
                        Hide(elems[i]);
                    }
                    if (document.getElementById("GoogleMaps"))
                    {
                        Show(document.getElementById("GoogleMaps"));
                    }
                }
            }
            ShowHideDestPhotosTabs(photoTabId);
        }
    }
    else
    {
        if (clickTabId == TabIDs[0] || clickTabId == TabIDs[1] || clickTabId == TabIDs[2])
        {
            if (informationTabs)
            {
                var elems = informationTabs.getElementsByTagName("span");
                if (elems)
                {
                    for (var i = 0; i < elems.length; i++)
                    {
                        Show(elems[i]);
                    }
//                    if (document.getElementById("GoogleMaps"))
//                    {
//                        Hide(document.getElementById("GoogleMaps"));
//                    }
                }
            }
            ShowHideDestPhotosTabs('RegionPhotoTab');
        }
    }
}

function ShowHideDestPhotosTabs(clickTabId)
{
    var clickedHeadId = new String(clickTabId);
    clickedHeadId = clickedHeadId.substring(0, clickedHeadId.length - 3) + "Head";
    var clickedTab = document.getElementById(clickTabId);
    var clickedHead = document.getElementById(clickedHeadId);
    if (!clickedTab)
    {
        return;
    }
    if (!clickedHead)
    {
        return;
    }
    var TabIDs = new Array();
    TabIDs[0] = "CountryPhotoTab";
    TabIDs[1] = "RegionPhotoTab";
    TabIDs[2] = "PlacePhotoTab";
    TabIDs[3] = "CountryPhotoHead";
    TabIDs[4] = "RegionPhotoHead";
    TabIDs[5] = "PlacePhotoHead";
    for (var tabID = 0; tabID < TabIDs.length; tabID++)
    {
        if (tabID < 3)
        {
            if (clickTabId == TabIDs[tabID])
            {
                // show the clicked tab:
                Show(clickedTab);
            }
            else
            {
                var currentTab = document.getElementById(TabIDs[tabID]);
                if (!currentTab)
                {
                    continue;
                }
                // hide the not clicked tab:
                Hide(currentTab);
            }
        }
        else
        {
            if (clickedHeadId == TabIDs[tabID])
            {
                // show the clicked head:
                Show(clickedHead);
            }
            else
            {
                var currentHead = document.getElementById(TabIDs[tabID]);
                if (!currentHead)
                {
                    continue;
                }
                // hide the not clicked head:
                Hide(currentHead);
            }
        }
    }
}

function HideShow(elem)
{
    if (!elem)
    {
        return false;
    }
    if (elem.className.indexOf("hidden") != -1)
    {
        var classname = elem.className;
        classname = classname.replace("hidden", "");
        elem.className = classname;
        return false;
    }
    else
    {
        var classname = elem.className;
        classname = classname + " hidden";
        elem.className = classname;
        return false;
    }
}

function Hide(elem)
{
    if (elem)
    {
        if (elem.className.indexOf("hidden") == -1)
        {
            var classname = elem.className;
            classname = classname + " hidden";
            elem.className = classname;
            return false;
        }
    }
}

function Show(elem)
{
    if (elem)
    {
        if (elem.className.indexOf("hidden") != -1)
        {
            var classname = elem.className;
            classname = classname.replace("hidden", "");
            elem.className = classname;
            return false;
        }
    }
}

function switchImage2(imgName, imgId, altText) 
{
    if (document.images)
    {
        if (imgName != "none")
        {
            document.images[imgId].src = imgName ;
        }

        if (altText != "none")
        {
            document.images[imgId].alt = altText ;
        }
    }
}


var searchTimeout;
function SearchAccommodation(searchText) {
    clearTimeout(searchTimeout);
    searchTimeout = setTimeout("SearchAccommodationAfterTimeout('" + searchText + "')", 500);
}

function SearchAccommodationAfterTimeout(searchText) {
    var d = document.getElementById("searchRes");
    var dt = document.getElementById("searchResText");
    searchText = Trim(searchText);
    if (searchText.length < 3) {
        d.style.visibility = "hidden";
        return;
    }

    var url = Master_BasePath + "SearchAccommodation.aspx?val=" + searchText;
	var req = new Request();
	req.GetNoCache(url, SearchAccommodationResult);
}

function SearchAccommodationResult(result) {
    if (result.readyState != ReadyState.Complete) {
        return;
    }
	if (result.status == HttpStatus.OK && result.responseText != "") {
        var dt = document.getElementById("searchResText");
        if(dt==null) {
            return;
        }
        dt.innerHTML = result.responseText;
        document.getElementById("searchRes").style.visibility = "visible";
    }
}

function Trim(str){
    return str.replace(/^\s+|\s+$/g, '');
}