/*
 * This is the function that actually highlights a text string by
 * adding HTML tags before and after all occurrences of the search
 * term. You can pass your own tags if you'd like, or if the
 * highlightStartTag or highlightEndTag parameters are omitted or
 * are empty strings then the default <font> tags will be used.
 */

// We're using a global variable
var originalbodyText = '';

var pos = 100;
var stopScroll = false;

function doHighlight(bodyText, searchTerm, highlightStartTag, highlightEndTag) 
{
	//alert ( 'originalbodyText:' + originalbodyText );
	
	// the highlightStartTag and highlightEndTag parameters are optional
	if ((!highlightStartTag) || (!highlightEndTag)) {
		highlightStartTag = "<font style='color:blue; background-color:yellow;'>";
		highlightEndTag = "</font>";
	}
	
	// find all occurences of the search term in the given text,
	// and add some "highlight" tags to them (we're not using a
	// regular expression search, because we want to filter out
	// matches that occur within HTML tags and script blocks, so
	// we have to do a little extra validation)
	var newText = "";
	var i = -1;
	var lcSearchTerm = searchTerm.toLowerCase();
	var lcBodyText = bodyText.toLowerCase();
    
	while (bodyText.length > 0) {
		i = lcBodyText.indexOf(lcSearchTerm, i+1);
		if (i < 0) {
			newText += bodyText;
			bodyText = "";
		} else {
			// skip anything inside an HTML tag
			if (bodyText.lastIndexOf(">", i) >= bodyText.lastIndexOf("<", i)) {
				// skip anything inside a <script> block
				if (lcBodyText.lastIndexOf("/script>", i) >= lcBodyText.lastIndexOf("<script", i)) {
					newText += bodyText.substring(0, i) + highlightStartTag + bodyText.substr(i, searchTerm.length) + highlightEndTag;
					//alert('bodyText.substring(0, '+i+') bodyText.substr('+i+', '+searchTerm.length+') ');
					bodyText = bodyText.substr(i + searchTerm.length);
					lcBodyText = bodyText.toLowerCase();
					i = -1;
				}
			}
		}
	}
	
	return newText;
}


/*
 * This is sort of a wrapper function to the doHighlight function.
 * It takes the searchText that you pass, optionally splits it into
 * separate words, and transforms the text on the current web page.
 * Only the "searchText" parameter is required; all other parameters
 * are optional and can be omitted.
 */
function highlightSearchTerms(searchText, treatAsPhrase, warnOnFailure, highlightStartTag, highlightEndTag)
{
	// if the treatAsPhrase parameter is true, then we should search for 
	// the entire phrase that was entered; otherwise, we will split the
	// search string so that each word is searched for and highlighted
	// individually
	if (treatAsPhrase) {
		searchArray = [searchText];
	} else {
		searchArray = searchText.split(" ");
	}
	
	if (!document.body || typeof(document.body.innerHTML) == "undefined") {
		if (warnOnFailure) {
			alert("Sorry, for some reason the text of this page is unavailable. Searching will not work.");
		}
		return false;
	}
	
	var bodyText='';
	
	if ( originalbodyText.length > 0  ){
		bodyText = originalbodyText;
	}else{
		bodyText = document.getElementById('backup').innerHTML;
		originalbodyText = bodyText;
	}
	
	//var bodyText = (originalbodyText == "null") ? originalbodyText:document.body.innerHTML;
	
	//alert ( 'bodyText:' + bodyText );
	for (var i = 0; i < searchArray.length; i++) {
		bodyText = doHighlight(bodyText, searchArray[i], highlightStartTag, highlightEndTag);
	}
	//alert(bodyText);
	//alert(bodyText.length);
	if ( originalbodyText.length == bodyText.length )
	{
		alert('Text not found.');
		return false;
	}
	document.getElementById('foo').innerHTML = bodyText;
	return true;
}


/*
 * This displays a dialog box that allows a user to enter their own
 * search terms to highlight on the page, and then passes the search
 * text or phrase to the highlightSearchTerms function. All parameters
 * are optional.
 */
function searchPrompt(defaultText, treatAsPhrase, textColor, bgColor)
{
	// This function prompts the user for any words that should
	// be highlighted on this web page
	if (!defaultText) {
		defaultText = "";
	}
	
	// we can optionally use our own highlight tag values
	if ((!textColor) || (!bgColor)) {
		highlightStartTag = "";
		highlightEndTag = "";
	} else {
		highlightStartTag = "<font style='color:" + textColor + "; background-color:" + bgColor + ";'>";
		highlightEndTag = "</font>";
	}
	
	if (treatAsPhrase) {
		promptText = "Please enter the phrase you'd like to search for:";
	} else {
		promptText = "Please enter the words you'd like to search for, separated by spaces:";
	}
	
	//輸入search文字
	//searchText = prompt(promptText, defaultText);
	
	//if (!searchText)  {
	//alert("No search terms were entered. Exiting function.");
	//return false;
	//}
	
	return highlightSearchTerms(defaultText, treatAsPhrase, true, highlightStartTag, highlightEndTag);
}
/*
 var pos = 0;
 function Scroll(){
 
 if( this.stopScroll == true )
 return;
 
 //alert ('scroll');
 //get the id of the scrolling text box.
 var obj = document.getElementById('foo');
 //alert (obj.offsetHeight);
 //subtract 1 from pos and check pos value using offsetHeight, which retrieves the height of the object relative to the layout.
 pos -=1;
 
 //alert ( obj.offsetHeight );
 
 //if( pos < 0 - obj.offsetHeight + 460 ) return;
 
 if( -parseInt( obj.style.top ) >= obj.offsetHeight + 480  ){
 return;
 }
 
 
 //set a new height value using JavaScript style object.    
 
 obj.style.top = pos;
 
 //finally the function calls itself using a timeout..
 
 window.setTimeout( "Scroll();" ,  10);
 }
 */

function changeFontSize(fontSize) {
	var obj = document.getElementById('foo');
	obj.style.fontSize = fontSize + "px"
}

function changeFontName(fontName) {
	var obj = document.getElementById('foo');
	obj.style.fontFamily = fontName
}

function changeDIVSize(width) 
{
	alert (width);
	//document.getElementById('foo').style.width = 500 + 'px';
	//document.body.style = "width:" + htmlBodyWidth + "px;";
	var obj = document.getElementById('foo');
	obj.style = "position: absolute; word-wrap:break-word; padding:0 4px 0 4px; width:" + width + "px; top: 0px;";
	
}

document.ontouchstart=function()
{          
	document.location="myweb:touch:start";  
};

document.ontouchend=function()
{          
	document.location="myweb:touch:end";  
}; 

document.ontouchmove=function()
{          
	document.location="myweb:touch:move";  
};


// We're using a global variable to store the number of occurrences
var MyApp_SearchResultCount = 0;

// helper function, recursively searches in elements and their child nodes
function MyApp_HighlightAllOccurencesOfStringForElement(element,keyword) {
	if (element) {
		if (element.nodeType == 3) {        // Text node
			while (true) {
				var value = element.nodeValue;  // Search for keyword in text node
				var idx = value.toLowerCase().indexOf(keyword);
				
				if (idx < 0) break;             // not found, abort
				
				var span = document.createElement("span");
				var text = document.createTextNode(value.substr(idx,keyword.length));
				span.appendChild(text);
				span.setAttribute("class","MyAppHighlight");
				span.style.backgroundColor="yellow";
				span.style.color="black";
				text = document.createTextNode(value.substr(idx+keyword.length));
				element.deleteData(idx, value.length - idx);
				var next = element.nextSibling;
				element.parentNode.insertBefore(span, next);
				element.parentNode.insertBefore(text, next);
				element = text;
				MyApp_SearchResultCount++;	// update the counter
			}
		} else if (element.nodeType == 1) { // Element node
			var nodeName = element.nodeName;
			if (nodeName != 'TEXTAREA' && nodeName != 'SCRIPT' && nodeName != 'SELECT' && element.style.display != "none") {
				for (var i = element.childNodes.length - 1; i >= 0; i --) {
					MyApp_HighlightAllOccurencesOfStringForElement(element.childNodes[i],keyword);
				}
			}
		}
	}
}

// the main entry point to start the search
function MyApp_HighlightAllOccurencesOfString(keyword) {
	MyApp_RemoveAllHighlights();
	MyApp_HighlightAllOccurencesOfStringForElement(document.body, keyword.toLowerCase());
}

// helper function, recursively removes the highlights in elements and their childs
function MyApp_RemoveAllHighlightsForElement(element) {
	if (element) {
		if (element.nodeType == 1) {
			if (element.getAttribute("class") == "MyAppHighlight") {
				var text = element.removeChild(element.firstChild);
				element.parentNode.insertBefore(text,element);
				element.parentNode.removeChild(element);
				return true;
			} else {
				var normalize = false;
				for (var i = element.childNodes.length - 1; i >= 0; i --) {
					if (MyApp_RemoveAllHighlightsForElement(element.childNodes[i])) {
						normalize = true;
					}
				}
				if (normalize) {
					element.normalize();
				}
			}
		}
	}
	return false;
}

// the main entry point to remove the highlights
function MyApp_RemoveAllHighlights() {
	MyApp_SearchResultCount = 0;
	MyApp_RemoveAllHighlightsForElement(document.body);
}
