// MASTER NAVIGATION BARS

function highlightCurrentPageInMenu(){

	var topnavUL = document.getElementById('topnav');
	var links = topnavUL.getElementsByTagName("a");
	var currentSectionLink = null;
		
	for(var i = 0; i < links.length; i++)
	{
		if(links[i].href.toLowerCase() == document.location.href.toLowerCase())
		{
			currentSectionLink = links[i];
		}
	}
	
	if (currentSectionLink != null){
	
		var newColour = '#FFCC19';
		highlightLink(currentSectionLink, newColour );
			
		var flyoutnav1UL = getFlyoutNav(currentSectionLink, 'flyoutnav1');
		flyoutnav1UL.setAttribute('highlightedMenuItem', 'true');
		showMenu(flyoutnav1UL.id);
		document.getElementById(flyoutnav1UL.id).style.zIndex="1";
		//highlightFirstLink(flyoutnav1UL.parentNode, newColour);
		highlightFirstLink(flyoutnav1UL.parentNode, '#fff');
		
		var flyoutnav2 = getFlyoutNav(currentSectionLink, 'flyoutnav2');
		if (flyoutnav2 != null){
			highlightFirstLink(flyoutnav2.parentNode, newColour);
		}

	} 
	
}

function temphighlightCurrentPageInMenu(){

	var topnavUL = document.getElementById('topnav');
	var links = topnavUL.getElementsByTagName("a");
	var currentSectionLink = null;
		
	for(var i = 0; i < links.length; i++)
	{
		if(links[i].href.toLowerCase() == document.location.href.toLowerCase())
		{
			currentSectionLink = links[i];
		}
	}
	
	if (currentSectionLink != null){
	
		var newColour = '#FFCC19';
		highlightLink(currentSectionLink, newColour );
		var flyoutnav1UL = getFlyoutNav(currentSectionLink, 'flyoutnav1');
		if (flyoutnav1UL != null){
			flyoutnav1UL.setAttribute('highlightedMenuItem', 'true');
			showMenu(flyoutnav1UL.id);
			document.getElementById(flyoutnav1UL.id).style.zIndex="1";
			//highlightFirstLink(flyoutnav1UL.parentNode, newColour);
			highlightFirstLink(flyoutnav1UL.parentNode, '#fff');
			
			var flyoutnav2 = getFlyoutNav(currentSectionLink, 'flyoutnav2');
			if (flyoutnav2 != null){
				highlightFirstLink(flyoutnav2.parentNode, newColour);
			}
		}
		if (currentSectionLink == 'http://www.waterfront.co.za/Pages/whatsnew.aspx'){
			document.getElementById('whatsnew').style.backgroundColor = '#FFFFFF';
		}
	} 
	
}

function highlightFirstLink(element, newColour){

	if (element == null){
		return;
	}	

	var link = element.getElementsByTagName("a")[0];
	highlightLink(link, newColour);
}

function highlightLink(link, newColour){

		if (link !=  null){
		link .style.backgroundColor = newColour;
	}
}

function getFlyoutNav(parentElement, navId){

	if (parentElement == null){
		return null;
	}
	
	if(parentElement.className == navId){
		return parentElement;
	}
	
	return getFlyoutNav(parentElement.parentNode, navId);
	
}

function toggleMenu(id){
	var menuItem = document.getElementById(id);
	hideAllMenus();
	if(menuItem.style.display == 'block'){
		hideMenu(id);
	}
	else{
		showMenu(id);
	}
}

function hideAllMenus(){
	var menus=new Array('navhome','naveat','navthingstodo','navshop','navstay','navtourism');
	
	for(i=0;i<menus.length;i++){
		hideMenu(menus[i]);
	}
}

function showMenu(id){
	var menuItem = document.getElementById(id);
	if(menuItem.getAttribute('highlightedMenuItem') == null){
		menuItem .style.zIndex="2";
	}
	else{
		menuItem .style.zIndex="1";

	}
	menuItem .style.display = 'block';
}

function hideMenu(id){
	var menuItem = document.getElementById(id);
	if(menuItem.getAttribute('highlightedMenuItem') == null){				
		menuItem.style.zIndex="0";
		menuItem.style.display = 'none';
	}
}

function getCategory(){
	var categoryobject = document.getElementById('selectcategory');
	category = categoryobject.options[categoryobject.selectedIndex].text;
	if(category == 'All Categories')
		document.location.href = '/shop/pages/shops_category_unfiltered.aspx';
	else
		document.location.href = '/shop/pages/shops_category.aspx?category=' + category;
}

function showCategory(){
	var showcategory = document.getElementById('categorydisplayer');
	var sentcategory = document.location.href;
	var currentcategory = sentcategory.substring(sentcategory.indexOf('=') + 1);
	var dropdown = document.getElementById('selectcategory');
	var currentcategorystripped = currentcategory;
	
	// using for loop
	for(i=1; i<= currentcategory.length; i++){
		currentcategorystripped = currentcategorystripped.replace('%20',' ');
	}
		
	showcategory.innerHTML = currentcategorystripped;
	var selectedcategory = document.getElementById(currentcategorystripped).selected = true;
}

function getType(){
	var typeobject = document.getElementById('selecttype');
	type = typeobject.options[typeobject.selectedIndex].text;
	if(type == 'All Types')
		document.location.href = '/eat/pages/eat_category_unfiltered.aspx';
	else
		document.location.href = '/eat/pages/eat_category.aspx?type=' + type;
}

function showType(){
	var showtype = document.getElementById('typedisplayer');
	var senttype = document.location.href;
	var currenttype = senttype.substring(senttype.indexOf('=') + 1);
	var dropdown = document.getElementById('selecttype');
	var currenttypestripped = currenttype;
	
	// using for loop
	for(i=1; i<= currenttype.length; i++){
		currenttypestripped = currenttypestripped.replace('%20',' ');
	}
		
	showtype.innerHTML = currenttypestripped;
	var selectedtype = document.getElementById(currenttypestripped).selected = true;
}

function getStyle(){
	var styleobject = document.getElementById('selectstyle');
	style = styleobject.options[styleobject.selectedIndex].text;
	if(style == 'All Styles')
		document.location.href = '/eat/pages/eat_style_unfiltered.aspx';
	else
		document.location.href = '/eat/pages/eat_style.aspx?style=' + style;
}

function showStyle(){
	var showstyle = document.getElementById('styledisplayer');
	var sentstyle = document.location.href;
	var currentstyle = sentstyle.substring(sentstyle.indexOf('=') + 1);
	var dropdown = document.getElementById('selectstyle');
	var currentstylestripped = currentstyle;
	
	// using for loop
	for(i=1; i<= currentstyle.length; i++){
		currentstylestripped = currentstylestripped.replace('%20',' ');
	}
		
	showstyle.innerHTML = currentstylestripped;
	var selectedstyle = document.getElementById(currentstylestripped).selected = true;
}

function getQueryString(name){
	name = name.replace(/[[]/,"\[").replace(/[]]/,"\]");
	var regexS = "[\?&]"+name+"=([^&#]*)";
	var regex = new RegExp( regexS );
	var results = regex.exec( window.location.href );
	if( results == null )
	return "";
	else{
		resultsstripped = stripSpaces(results[1]);
		return resultsstripped;
	}
}

function stripSpaces(string){
	var stringstripped = string;
	for(i=1; i<= string.length; i++){
		stringstripped = stringstripped.replace('%20',' ');
	}
	return stringstripped;
}


function getFilter(){
	var typeobject = document.getElementById('selecttype');
	var styleobject = document.getElementById('selectstyle');
	
	type = typeobject.options[typeobject.selectedIndex].text;
	style = styleobject.options[styleobject.selectedIndex].text;
	
	type = stripSpaces(type);
	style = stripSpaces(style);


	if(type == 'All Types' && style == 'All Styles'){
		document.location.href = '/eat/pages/eat_category_unfiltered.aspx';
	}
	else{
		//if (type == 'ALL TYPES' && style != 'ALL STYLES'){
		//	document.location.href = '/eat/pages/eat_category.aspx?style=' + style;
		//}
		//else if (type != 'ALL TYPES' && style == 'ALL STYLES'){
		//	document.location.href = '/eat/pages/eat_category.aspx?type=' + type;
		//}
		//else{
			document.location.href = '/eat/pages/eat_category.aspx?type=' + type + '&style=' + style;
		//}
	}
}

function showFilter(){
	// get type
	var type = getQueryString('type');
	//get style
	var style = getQueryString('style');

	var displaytype = document.getElementById('typedisplayer');	
	var displaystyle = document.getElementById('styledisplayer');
	
	if(style == ''){
		style = 'All Styles';
	}
	if(type == ''){
		type = 'All Types';
	}
	displaytype.innerHTML = type;
	displaystyle.innerHTML = style;
	document.getElementById(type).selected = true;
	document.getElementById(style).selected = true;
}

function getTACategory(){
	var categoryobject = document.getElementById('selectcategory');
	category = categoryobject.options[categoryobject.selectedIndex].text;
	if(category == 'All Categories')
		document.location.href = '/experience/pages/experience_topattractions_unfiltered.aspx';
	else
		document.location.href = '/experience/pages/experience_topattractions.aspx?category=' + category;
}
function getTANVCategory(){
	var categoryobject = document.getElementById('selectcategory');
	category = categoryobject.options[categoryobject.selectedIndex].text;
	if(category == 'All Categories')
		document.location.href = '/experience/pages/experience_topattractions_nothumb_unfiltered.aspx';
	else
		document.location.href = '/experience/pages/experience_topattractions_nothumb.aspx?category=' + category;
}


function showSearch(){
	var showsearch = document.getElementById('searchdisplayer');
	var sentsearch = document.location.href;
	var currentsearch;
	if(sentsearch.indexOf('=') > 0){
		if(sentsearch.indexOf('&') > 0){
			currentsearch = sentsearch.substring(sentsearch.indexOf('=') + 1, sentsearch.indexOf('&'));	
		}
		else{
			currentsearch = sentsearch.substring(sentsearch.indexOf('=') + 1);
		}
		var currentsearchstripped = currentsearch;
		for(i=1; i<= currentsearch.length; i++){
			currentsearchstripped = currentsearchstripped.replace('%20',' ');
		}
		showsearch.innerHTML = "'"+ currentsearchstripped + "'";
	}
	else{
		currentsearch = '';
		showsearch.innerHTML = currentsearch;
	}
}

function iframeobj () 
{
var iframeobj = document.getElementById('youtubeembed');
var querystringval = document.location.href;
querystringval = querystringval.substring(querystringval.indexOf('=') + 1);
iframeobj.src = "http://www.youtube.com/embed/" + querystringval;
}



function toggleThumbs(nothumb, thumb){
	
}

function dynamicContentHeight(){
	var contentobject = document.getElementById('pagecontentcontainer');
	if (contentobject != null){
		var contentheight = contentobject.offsetHeight;
		if(contentheight > 650){
			document.getElementById('sitebackgroundgradient').style.display = 'block';
		}
	}
}


// THUMB SHOW AND HIDE


    var hidden = false;
    
    // getElementsByClass borrowed from
    // http://www.anyexample.com/webdev/javascript/javascript_getelementsbyclass_function.xml
    function getElementsByClass( searchClass, domNode, tagName) {
	if (domNode == null) domNode = document;
	if (tagName == null) tagName = '*';
	var el = new Array();
	var tags = domNode.getElementsByTagName(tagName);
	var tcl = " "+searchClass+" ";
	for(i=0,j=0; i<tags.length; i++) {
		var test = " " + tags[i].className + " ";
		if (test.indexOf(tcl) != -1)
			el[j++] = tags[i];
	}
	return el;
	}

    function hideThumbnails()
    {
        hidden = !hidden;
        var newDisplay;
        if(hidden)
        {
            newDisplay = 'none';
        }
        var hellos = getElementsByClass("classA", null, "div");
        for(var i = 0; i < hellos.length; i++)
        {
            hellos[i].style.display = newDisplay;
        }        
    	{
        	document.getElementById("nothumblink").className = document.getElementById("nothumblink").className.replace('notactivated','activated');
			document.getElementById("thumblink").className = document.getElementById("thumblink").className.replace('activated','notactivated');
			document.getElementById("ContentShow").className = document.getElementById("ContentShow").className.replace('Less','More');			
    	}        
    }
	
	
    function showThumbnails()
    {
        hidden = !hidden;
        var newDisplay;
        {
            newDisplay = 'block';
        }
        var hellos = getElementsByClass("classA", null, "div");
        for(var i = 0; i < hellos.length; i++)
        {
            hellos[i].style.display = newDisplay;
        }        
    	{
        	document.getElementById("thumblink").className = document.getElementById("thumblink").className.replace('notactivated','activated');
			document.getElementById("nothumblink").className = document.getElementById("nothumblink").className.replace('activated','notactivated');		
    	}        
    }
    
    function pagingHider(){
    	document.getElementById('historypagingnavcontainer').style.display = 'none';
    	document.getElementById('contentbuttoncontainer').style.display = 'none';
    }
    function pagingShower(){
    	document.getElementById('historypagingnavcontainer').style.display = 'block';
	document.getElementById('contentbuttoncontainer').style.display = 'block';
    }
    
    function toggleContent(id){
    	var content = document.getElementById(id);
    	if(content.style.height == '110px'){
    		content.style.height = '';
    	}
    	else{
    		content.style.height = '110px';
    	}
    }
    
    

	intImage = 2;
    
    function changeCssClass(objDivID)
        {
            if(document.getElementById(objDivID).className=='ShowLess')
            {
                document.getElementById(objDivID).className = 'ShowMore';
                document.getElementById('ButtonText').innerHTML = 'Show Less';
            }
            else
            {
                document.getElementById(objDivID).className = 'ShowLess';
                document.getElementById('ButtonText').innerHTML = 'Show More';
            }
            /*
			switch (intImage) {
			case 1:
			IMG1.src = "http://www.ndstest.co.za/1049/test/images/ReadMore.png"
			intImage = 2
	return(false);
			case 2:
			IMG1.src = "http://www.ndstest.co.za/1049/test/images/ReadLess.png"
			intImage = 1
	return(false);
			}*/
        }
        
function hideElement(id){
	var element = document.getElementById(id);
	if (element){
		element.style.display = "none";
	}
}