// JavaScript Document

function getFuncs() {
	qSearch();
	preLoadNavImgs();
	highlightOnLoad();
	skyscrapperFix();
}

function qSearch() {

	var qSearchInput = document.getElementById("quickSearch");

	qSearchInput.onfocus = function()
	{
		qSearchInput.value = "";
    }
	qSearchInput.onblur = function()
    {
        if (qSearchInput.value == "") {
			qSearchInput.value = "Search";
		}
	}  
}

function preLoadNavImgs() {
	
	if (document.images)
	{
  	nav1 = new Image(); 
  	nav1.src="images/css/nav_bar1_on.gif";
	
	nav2 = new Image(); 
  	nav2.src="images/css/nav_Back_on.gif"; 
	
	nav3 = new Image(); 
  	nav3.src="images/css/nav_Contact_on.gif"; 
	
	nav4 = new Image(); 
  	nav4.src="images/css/nav_Diary_on.gif"; 
	
	nav5 = new Image(); 
  	nav5.src="images/css/nav_Library_on.gif"; 
	
	nav6 = new Image(); 
  	nav6.src="images/css/nav_Links_on.gif";
	
	nav7 = new Image(); 
  	nav7.src="images/css/nav_Journal_on.gif"; 
	
	nav8 = new Image(); 
  	nav8.src="images/css/nav_Products_on.gif"; 
	
	nav9 = new Image(); 
  	nav9.src="images/css/nav_Resources_on.gif"; 
	
	nav10 = new Image(); 
  	nav10.src="images/css/nav_Exhibitions_on.gif"; 

	}
}

function highlightOnLoad() {
  // Get search string
  if (/s\=/.test(window.location.search)) {
    var searchString = getSearchString();
    // Starting node, parent to all nodes you want to search
    var textContainerNode = document.getElementById("content");

    // Informational message for search
    var searchInfo = 'Search Results for: ';

    // Split search terms on '|' and iterate over resulting array
    var searchTerms = searchString.split('|');
    for (var i in searchTerms) 	{
      // The regex is the secret, it prevents text within tag declarations to be affected
      var regex = new RegExp(">([^<]*)?("+searchTerms[i]+")([^>]*)?<","ig");
      highlightTextNodes(textContainerNode, regex, i);
      // Add to info-string
      searchInfo += ' <span class="highlighted term'+i+'">'+searchTerms[i]+'</span> ';
    }

    // Create div describing the search
    //var searchTermDiv = document.createElement("H2");
    //searchTermDiv.className = 'searchterms';
    //searchTermDiv.innerHTML = searchInfo;

    // Insert as very first child in searched node
    textContainerNode.insertBefore(searchTermDiv, textContainerNode.childNodes[0]);
  }
}

// Pull the search string out of the URL
function getSearchString() {
  // Return sanitized search string if it exists
  var rawSearchString = window.location.search.replace(/[a-zA-Z0-9\?\&\=\%\#]+s\=(\w+)(\&.*)?/,"$1");
  // Replace '+' with '|' for regex
  // Also replace '%20' if your cms/blog uses this instead (credit to erlando for adding this)
  return rawSearchString.replace(/\%20|\+/g,"\|");
}

function highlightTextNodes(element, regex, termid) {
  var tempinnerHTML = element.innerHTML;
  // Do regex replace
  // Inject span with class of 'highlighted termX' for google style highlighting
  element.innerHTML = tempinnerHTML.replace(regex,'>$1<span class="highlighted term'+termid+'">$2</span>$3<');
}

// Call this onload, I recommend using the function defined at: http://untruths.org/technology/javascript-windowonload/
//addOnLoad(highlightOnLoad());

function skyscrapperFix() {
	
	if(screen.height <= 768) {
		
		if(document.createStyleSheet) {
    		document.createStyleSheet('/css/ssfixed.css');
   		}
		else {
   			var styles = "/css/ssfixed.css";
    		var newSS=document.createElement('link');
    		newSS.rel='stylesheet';
    		newSS.type='text/css';
    		newSS.href=escape(styles);
    		document.getElementsByTagName("head")[0].appendChild(newSS);
    	}
	}
}


window.onload=getFuncs;