BrowserHistoryUtils = {
    addEvent: function(elm, evType, fn, useCapture) {
        useCapture = useCapture || false;
        if (elm.addEventListener) {
            elm.addEventListener(evType, fn, useCapture);
            return true;
        }
        else if (elm.attachEvent) {
            var r = elm.attachEvent('on' + evType, fn);
            return r;
        }
        else {
            elm['on' + evType] = fn;
        }
    }
}

function showFeedback(fd) {
	if (document.getElementById('feedback')) {
		document.getElementById('feedback').innerHTML = '<b><font color="#0000ff">' + fd + '</font></b>';		
	}	
}

 function translate(text, from, to) {
      google.language.translate(text, from, to, function(result) {
        if (!result.error) {      
        	getFlexApp('ArchChinese').externalFormatTranslation(text,result.translation);        		         
        }
      });
    }

    function showTranslation(result) {
        var container = document.getElementById("translation");
        container.innerHTML = result;              	
    }

function loadngo(text) {
	try {

	if (text.length  == 0) {
		alert("No Chinese characters found in the file.");
		return;
	}

	if(document.getElementById('quickPrintText')) {
	    document.getElementById('quickPrintText').value = text;
	}

	getFlexApp('ArchChinese').externalGeneratePracticeSheetP(text);
	}catch(e) {

	}
}

function resetQuickPrint() {
if(document.getElementById('quickPrintText')) {
	    document.getElementById('quickPrintText').value= '';
	}
if (document.getElementById('feedback')) {
		document.getElementById('feedback').innerHTML =  '<b><font color="#0000ff">Worksheet generation is cancelled.</font></b>';
	}
getFlexApp('ArchChinese').externalGenerateResetQuickPrint();

}

function deletePhrase(chinese) {
getFlexApp('ArchChinese').externalDeletePhrase(chinese);
}

function submitSearch(e){ 
	var characterCode;

if(e && e.which){ 
	characterCode = e.which;
} else{
	characterCode = event.keyCode;
}

if(characterCode == 13){ 
	search();
	return false
}else{
	return true
}

}


function submitRefSearch(e){ 
	var characterCode;

if(e && e.which){ 
	characterCode = e.which;
} else{
	characterCode = event.keyCode;
}

if(characterCode == 13){ 
	refsearch();
	return false
}else{
	return true
}
}

BrowserHistory = (function() {
    // type of browser
    var browser = {
        ie: false, 
        firefox: false, 
        safari: false, 
        opera: false, 
        version: -1
    };

    // if setDefaultURL has been called, our first clue
    // that the SWF is ready and listening
    //var swfReady = false;

    // the URL we'll send to the SWF once it is ready
    //var pendingURL = '';

    // Default app state URL to use when no fragment ID present
    var defaultHash = '';

    // Last-known app state URL
    var currentHref = document.location.href;

    // Initial URL (used only by IE)
    var initialHref = document.location.href;

    // Initial URL (used only by IE)
    var initialHash = document.location.hash;

    // History frame source URL prefix (used only by IE)
    var historyFrameSourcePrefix = 'history/historyFrame.html?';

    // History maintenance (used only by Safari)
    var currentHistoryLength = -1;

    var historyHash = [];

    var initialState = createState(initialHref, initialHref + '#' + initialHash, initialHash);

    var backStack = [];
    var forwardStack = [];

    var currentObjectId = null;

    //UserAgent detection
    var useragent = navigator.userAgent.toLowerCase();

    if (useragent.indexOf("opera") != -1) {
        browser.opera = true;
    } else if (useragent.indexOf("msie") != -1) {
        browser.ie = true;
        browser.version = parseFloat(useragent.substring(useragent.indexOf('msie') + 4));
    } else if (useragent.indexOf("safari") != -1) {
        browser.safari = true;
        browser.version = parseFloat(useragent.substring(useragent.indexOf('safari') + 7));
    } else if (useragent.indexOf("gecko") != -1) {
        browser.firefox = true;
    }

    if (browser.ie == true && browser.version == 7) {
        window["_ie_firstload"] = false;
    }

    // Accessor functions for obtaining specific elements of the page.
    function getHistoryFrame()
    {
        return document.getElementById('ie_historyFrame');
    }

    function getAnchorElement()
    {
        return document.getElementById('firefox_anchorDiv');
    }

    function getFormElement()
    {
        return document.getElementById('safari_formDiv');
    }

    function getRememberElement()
    {
        return document.getElementById("safari_remember_field");
    }

    // Get the Flash player object for performing ExternalInterface callbacks.
    // Updated for changes to SWFObject2.
    function getPlayer(id) {
		if (id && document.getElementById(id)) {
			var r = document.getElementById(id);
			if (typeof r.SetVariable != "undefined") {
				return r;
			}
			else {
				var o = r.getElementsByTagName("object");
				var e = r.getElementsByTagName("embed");
				if (o.length > 0 && typeof o[0].SetVariable != "undefined") {
					return o[0];
				}
				else if (e.length > 0 && typeof e[0].SetVariable != "undefined") {
					return e[0];
				}
			}
		}
		else {
			var o = document.getElementsByTagName("object");
			var e = document.getElementsByTagName("embed");
			if (e.length > 0 && typeof e[0].SetVariable != "undefined") {
				return e[0];
			}
			else if (o.length > 0 && typeof o[0].SetVariable != "undefined") {
				return o[0];
			}
			else if (o.length > 1 && typeof o[1].SetVariable != "undefined") {
				return o[1];
			}
		}
		return undefined;
	}
    
    function getPlayers() {
        var players = [];
        if (players.length == 0) {
            var tmp = document.getElementsByTagName('object');
            players = tmp;
        }
        
        if (players.length == 0 || players[0].object == null) {
            var tmp = document.getElementsByTagName('embed');
            players = tmp;
        }
        return players;
    }

	function getIframeHash() {
		var doc = getHistoryFrame().contentWindow.document;
		var hash = String(doc.location.search);
		if (hash.length == 1 && hash.charAt(0) == "?") {
			hash = "";
		}
		else if (hash.length >= 2 && hash.charAt(0) == "?") {
			hash = hash.substring(1);
		}
		return hash;
	}

    /* Get the current location hash excluding the '#' symbol. */
    function getHash() {
       // It would be nice if we could use document.location.hash here,
       // but it's faulty sometimes.
       var idx = document.location.href.indexOf('#');
       return (idx >= 0) ? document.location.href.substr(idx+1) : '';
    }

    /* Get the current location hash excluding the '#' symbol. */
    function setHash(hash) {
       // It would be nice if we could use document.location.hash here,
       // but it's faulty sometimes.
       if (hash == '') hash = '#'
       document.location.hash = hash;
    }

    function createState(baseUrl, newUrl, flexAppUrl) {
        return { 'baseUrl': baseUrl, 'newUrl': newUrl, 'flexAppUrl': flexAppUrl, 'title': null };
    }

    /* Add a history entry to the browser.
     *   baseUrl: the portion of the location prior to the '#'
     *   newUrl: the entire new URL, including '#' and following fragment
     *   flexAppUrl: the portion of the location following the '#' only
     */
    function addHistoryEntry(baseUrl, newUrl, flexAppUrl) {

        //delete all the history entries
        forwardStack = [];

        if (browser.ie) {
            //Check to see if we are being asked to do a navigate for the first
            //history entry, and if so ignore, because it's coming from the creation
            //of the history iframe
            if (flexAppUrl == defaultHash && document.location.href == initialHref && window['_ie_firstload']) {
                currentHref = initialHref;
                return;
            }
            if ((!flexAppUrl || flexAppUrl == defaultHash) && window['_ie_firstload']) {
                newUrl = baseUrl + '#' + defaultHash;
                flexAppUrl = defaultHash;
            } else {
                // for IE, tell the history frame to go somewhere without a '#'
                // in order to get this entry into the browser history.
                getHistoryFrame().src = historyFrameSourcePrefix + flexAppUrl;
            }
            setHash(flexAppUrl);
        } else {

            //ADR
            if (backStack.length == 0 && initialState.flexAppUrl == flexAppUrl) {
                initialState = createState(baseUrl, newUrl, flexAppUrl);
            } else if(backStack.length > 0 && backStack[backStack.length - 1].flexAppUrl == flexAppUrl) {
                backStack[backStack.length - 1] = createState(baseUrl, newUrl, flexAppUrl);
            }

            if (browser.safari) {
                // for Safari, submit a form whose action points to the desired URL
                if (browser.version <= 419.3) {
                    var file = window.location.pathname.toString();
                    file = file.substring(file.lastIndexOf("/")+1);
                    getFormElement().innerHTML = '<form name="historyForm" action="'+file+'#' + flexAppUrl + '" method="GET"></form>';
                    //get the current elements and add them to the form
                    var qs = window.location.search.substring(1);
                    var qs_arr = qs.split("&");
                    for (var i = 0; i < qs_arr.length; i++) {
                        var tmp = qs_arr[i].split("=");
                        var elem = document.createElement("input");
                        elem.type = "hidden";
                        elem.name = tmp[0];
                        elem.value = tmp[1];
                        document.forms.historyForm.appendChild(elem);
                    }
                    document.forms.historyForm.submit();
                } else {
                    top.location.hash = flexAppUrl;
                }
                // We also have to maintain the history by hand for Safari
                historyHash[history.length] = flexAppUrl;
                _storeStates();
            } else {
                // Otherwise, write an anchor into the page and tell the browser to go there
                addAnchor(flexAppUrl);
                setHash(flexAppUrl);
            }
        }
        backStack.push(createState(baseUrl, newUrl, flexAppUrl));
    }

    function _storeStates() {
        if (browser.safari) {
            getRememberElement().value = historyHash.join(",");
        }
    }

    function handleBackButton() {
        //The "current" page is always at the top of the history stack.
        var current = backStack.pop();
        if (!current) { return; }
        var last = backStack[backStack.length - 1];
        if (!last && backStack.length == 0){
            last = initialState;
        }
        forwardStack.push(current);
    }

    function handleForwardButton() {
        //summary: private method. Do not call this directly.

        var last = forwardStack.pop();
        if (!last) { return; }
        backStack.push(last);
    }

    function handleArbitraryUrl() {
        //delete all the history entries
        forwardStack = [];
    }

    /* Called periodically to poll to see if we need to detect navigation that has occurred */
    function checkForUrlChange() {

        if (browser.ie) {
            if (currentHref != document.location.href && currentHref + '#' != document.location.href) {
                //This occurs when the user has navigated to a specific URL
                //within the app, and didn't use browser back/forward
                //IE seems to have a bug where it stops updating the URL it
                //shows the end-user at this point, but programatically it
                //appears to be correct.  Do a full app reload to get around
                //this issue.
                if (browser.version < 7) {
                    currentHref = document.location.href;
                    document.location.reload();
                } else {
					if (getHash() != getIframeHash()) {
						// this.iframe.src = this.blankURL + hash;
						var sourceToSet = historyFrameSourcePrefix + getHash();
						getHistoryFrame().src = sourceToSet;
					}
                }
            }
        }

        if (browser.safari) {
            // For Safari, we have to check to see if history.length changed.
            if (currentHistoryLength >= 0 && history.length != currentHistoryLength) {
                //alert("did change: " + history.length + ", " + historyHash.length + "|" + historyHash[history.length] + "|>" + historyHash.join("|"));
                // If it did change, then we have to look the old state up
                // in our hand-maintained array since document.location.hash
                // won't have changed, then call back into BrowserManager.
                currentHistoryLength = history.length;
                var flexAppUrl = historyHash[currentHistoryLength];
                if (flexAppUrl == '') {
                    //flexAppUrl = defaultHash;
                }
                //ADR: to fix multiple
                if (typeof BrowserHistory_multiple != "undefined" && BrowserHistory_multiple == true) {
                    var pl = getPlayers();
                    for (var i = 0; i < pl.length; i++) {
                        pl[i].browserURLChange(flexAppUrl);
                    }
                } else {
                    getPlayer().browserURLChange(flexAppUrl);
                }
                _storeStates();
            }
        }
        if (browser.firefox) {
            if (currentHref != document.location.href) {
                var bsl = backStack.length;

                var urlActions = {
                    back: false, 
                    forward: false, 
                    set: false
                }

                if ((window.location.hash == initialHash || window.location.href == initialHref) && (bsl == 1)) {
                    urlActions.back = true;
                    // FIXME: could this ever be a forward button?
                    // we can't clear it because we still need to check for forwards. Ugg.
                    // clearInterval(this.locationTimer);
                    handleBackButton();
                }
                
                // first check to see if we could have gone forward. We always halt on
                // a no-hash item.
                if (forwardStack.length > 0) {
                    if (forwardStack[forwardStack.length-1].flexAppUrl == getHash()) {
                        urlActions.forward = true;
                        handleForwardButton();
                    }
                }

                // ok, that didn't work, try someplace back in the history stack
                if ((bsl >= 2) && (backStack[bsl - 2])) {
                    if (backStack[bsl - 2].flexAppUrl == getHash()) {
                        urlActions.back = true;
                        handleBackButton();
                    }
                }
                
                if (!urlActions.back && !urlActions.forward) {
                    var foundInStacks = {
                        back: -1, 
                        forward: -1
                    }

                    for (var i = 0; i < backStack.length; i++) {
                        if (backStack[i].flexAppUrl == getHash() && i != (bsl - 2)) {
                            arbitraryUrl = true;
                            foundInStacks.back = i;
                        }
                    }
                    for (var i = 0; i < forwardStack.length; i++) {
                        if (forwardStack[i].flexAppUrl == getHash() && i != (bsl - 2)) {
                            arbitraryUrl = true;
                            foundInStacks.forward = i;
                        }
                    }
                    handleArbitraryUrl();
                }

                // Firefox changed; do a callback into BrowserManager to tell it.
                currentHref = document.location.href;
                var flexAppUrl = getHash();
                if (flexAppUrl == '') {
                    //flexAppUrl = defaultHash;
                }
                //ADR: to fix multiple
                if (typeof BrowserHistory_multiple != "undefined" && BrowserHistory_multiple == true) {
                    var pl = getPlayers();
                    for (var i = 0; i < pl.length; i++) {
                        pl[i].browserURLChange(flexAppUrl);
                    }
                } else {
                    getPlayer().browserURLChange(flexAppUrl);
                }
            }
        }
        //setTimeout(checkForUrlChange, 50);
    }

    /* Write an anchor into the page to legitimize it as a URL for Firefox et al. */
    function addAnchor(flexAppUrl)
    {
       if (document.getElementsByName(flexAppUrl).length == 0) {
           getAnchorElement().innerHTML += "<a name='" + flexAppUrl + "'>" + flexAppUrl + "</a>";
       }
    }

    var _initialize = function () {
        if (browser.ie)
        {
            var scripts = document.getElementsByTagName('script');
            for (var i = 0, s; s = scripts[i]; i++) {
                if (s.src.indexOf("history.js") > -1) {
                    var iframe_location = (new String(s.src)).replace("history.js", "historyFrame.html");
                }
            }
            historyFrameSourcePrefix = iframe_location + "?";
            var src = historyFrameSourcePrefix;

            var iframe = document.createElement("iframe");
            iframe.id = 'ie_historyFrame';
            iframe.name = 'ie_historyFrame';
            //iframe.src = historyFrameSourcePrefix;
            try {
                document.body.appendChild(iframe);
            } catch(e) {
                setTimeout(function() {
                    document.body.appendChild(iframe);
                }, 0);
            }
        }

        if (browser.safari)
        {
            var rememberDiv = document.createElement("div");
            rememberDiv.id = 'safari_rememberDiv';
            document.body.appendChild(rememberDiv);
            rememberDiv.innerHTML = '<input type="text" id="safari_remember_field" style="width: 500px;">';

            var formDiv = document.createElement("div");
            formDiv.id = 'safari_formDiv';
            document.body.appendChild(formDiv);

            var reloader_content = document.createElement('div');
            reloader_content.id = 'safarireloader';
            var scripts = document.getElementsByTagName('script');
            for (var i = 0, s; s = scripts[i]; i++) {
                if (s.src.indexOf("history.js") > -1) {
                    html = (new String(s.src)).replace(".js", ".html");
                }
            }
            reloader_content.innerHTML = '<iframe id="safarireloader-iframe" src="about:blank" frameborder="no" scrolling="no"></iframe>';
            document.body.appendChild(reloader_content);
            reloader_content.style.position = 'absolute';
            reloader_content.style.left = reloader_content.style.top = '-9999px';
            iframe = reloader_content.getElementsByTagName('iframe')[0];

            if (document.getElementById("safari_remember_field").value != "" ) {
                historyHash = document.getElementById("safari_remember_field").value.split(",");
            }

        }

        if (browser.firefox)
        {
            var anchorDiv = document.createElement("div");
            anchorDiv.id = 'firefox_anchorDiv';
            document.body.appendChild(anchorDiv);
        }
        
        //setTimeout(checkForUrlChange, 50);
    }

    return {
        historyHash: historyHash, 
        backStack: function() { return backStack; }, 
        forwardStack: function() { return forwardStack }, 
        getPlayer: getPlayer, 
        initialize: function(src) {
            _initialize(src);
        }, 
        setURL: function(url) {
            document.location.href = url;
        }, 
        getURL: function() {
            return document.location.href;
        }, 
        getTitle: function() {
            return document.title;
        }, 
        setTitle: function(title) {
            try {
                backStack[backStack.length - 1].title = title;
            } catch(e) { }
            //if on safari, set the title to be the empty string. 
            if (browser.safari) {
                if (title == "") {
                    try {
                    var tmp = window.location.href.toString();
                    title = tmp.substring((tmp.lastIndexOf("/")+1), tmp.lastIndexOf("#"));
                    } catch(e) {
                        title = "";
                    }
                }
            }
            document.title = title;
        }, 
        setDefaultURL: function(def)
        {
            defaultHash = def;
            def = getHash();
            //trailing ? is important else an extra frame gets added to the history
            //when navigating back to the first page.  Alternatively could check
            //in history frame navigation to compare # and ?.
            if (browser.ie)
            {
                window['_ie_firstload'] = true;
                var sourceToSet = historyFrameSourcePrefix + def;
                var func = function() {
                    getHistoryFrame().src = sourceToSet;
                    window.location.replace("#" + def);
                    setInterval(checkForUrlChange, 50);
                }
                try {
                    func();
                } catch(e) {
                    window.setTimeout(function() { func(); }, 0);
                }
            }

            if (browser.safari)
            {
                currentHistoryLength = history.length;
                if (historyHash.length == 0) {
                    historyHash[currentHistoryLength] = def;
                    var newloc = "#" + def;
                    window.location.replace(newloc);
                } else {
                    //alert(historyHash[historyHash.length-1]);
                }
                //setHash(def);
                setInterval(checkForUrlChange, 50);
            }
            
            
            if (browser.firefox || browser.opera)
            {
                var reg = new RegExp("#" + def + "$");
                if (window.location.toString().match(reg)) {
                } else {
                    var newloc ="#" + def;
                    window.location.replace(newloc);
                }
                setInterval(checkForUrlChange, 50);
                //setHash(def);
            }

        }, 

        /* Set the current browser URL; called from inside BrowserManager to propagate
         * the application state out to the container.
         */
        setBrowserURL: function(flexAppUrl, objectId) {
            if (browser.ie && typeof objectId != "undefined") {
                currentObjectId = objectId;
            }
           //fromIframe = fromIframe || false;
           //fromFlex = fromFlex || false;
           //alert("setBrowserURL: " + flexAppUrl);
           //flexAppUrl = (flexAppUrl == "") ? defaultHash : flexAppUrl ;

           var pos = document.location.href.indexOf('#');
           var baseUrl = pos != -1 ? document.location.href.substr(0, pos) : document.location.href;
           var newUrl = baseUrl + '#' + flexAppUrl;

           if (document.location.href != newUrl && document.location.href + '#' != newUrl) {
               currentHref = newUrl;
               addHistoryEntry(baseUrl, newUrl, flexAppUrl);
               currentHistoryLength = history.length;
           }

           return false;
        }, 

        browserURLChange: function(flexAppUrl) {
            var objectId = null;
            if (browser.ie && currentObjectId != null) {
                objectId = currentObjectId;
            }
            pendingURL = '';
            
            if (typeof BrowserHistory_multiple != "undefined" && BrowserHistory_multiple == true) {
                var pl = getPlayers();
                for (var i = 0; i < pl.length; i++) {
                    try {
                        pl[i].browserURLChange(flexAppUrl);
                    } catch(e) { }
                }
            } else {
                try {
                    getPlayer(objectId).browserURLChange(flexAppUrl);
                } catch(e) { }
            }

            currentObjectId = null;
        }

    }

})();

// Initialization

// Automated unit testing and other diagnostics

function setURL(url)
{
    document.location.href = url;
}

function backButton()
{
    history.back();
}

function forwardButton()
{
    history.forward();
}

function goForwardOrBackInHistory(step)
{
    history.go(step);
}
///////////////////////////////////
  function loadURL(url) {
    	window.self.location= url + '?ver=' + (new Date()).getTime();
    	return false;
    }
    function getFlexApp(appName) {
  if (navigator.appName.indexOf ("Microsoft") !=-1) {
    return window[appName];
  } else {
    return document[appName];
  }
}


function mouseClick(ev) {
	if (document.all)  //IE Workaround
	{
		if(ev.srcElement.tagName.toLowerCase()=="button") {
			return;
		}
	} else {
		if(ev.target.tagName.toLowerCase()=="button") {
		return;
		}
	}
	getFlexApp('ArchChinese').externalMouseClick();
}
    function trim(text) {
	return text.replace(/^\s+|\s+$/g,"");
}
function showOption(option) {
	try {	
		getFlexApp('ArchChinese').externalShowOption(option);
	}catch(e) {		
	}
}
function pinyinConvert() {
	if (getFlexApp('ArchChinese')) {
		var input = document.getElementById('pinyinSource').value;
		getFlexApp('ArchChinese').externalPinyinConvert(trim(input));
		return false;
	} else {
		alert("Loading Pinyin Converter..., try again in a second");
	}
}

function findWordsForPinyin(pinyin) {
	getFlexApp('ArchChinese').externalFindWordsForPinyin(pinyin);
	return false;
}

	
function loadLesson(id) {
	getFlexApp('ArchChinese').externalLoadLesson(id);
}
function loadFlashCard(level) {
	getFlexApp('ArchChinese').externalLoadFlashCard(level);
}
function loadCustomLessonList() {
	getFlexApp('ArchChinese').externalLoadCustomLessonList();
}

function generatePracticeSheet() {
	getFlexApp('ArchChinese').externalGeneratePracticeSheet();
}

function promptSignUp()
{
 var alive = document.getElementById('adspace').innerHTML;
 var hidden = document.getElementById('adholder').innerHTML;
 if (document.getElementById('adspace')) {
		document.getElementById('adspace').innerHTML = hidden;
 }
 if (document.getElementById('adholder')) {
		document.getElementById('adholder').innerHTML = alive;
 }
}



function importAnimateText() {
	var text = trim(document.getElementById('animateText').value);
	if (text.length  == 0) {
		alert("Enter (or Copy & Paste) Chinese phrases and sentences to the Import text box first");
	}
	return importLesson(text);
}

function quickPrint() {
	try {
	var text = trim(document.getElementById('quickPrintText').value);
	if (text.length  == 0) {
		alert("Enter (or Copy & Paste) Chinese characters to the box and hit the Generate Worksheets button");
		return;
	}
	getFlexApp('ArchChinese').externalGeneratePracticeSheet(text);
	}catch(e) {

	}
}

function playAll(lessonChars) {
	try {
		getFlexApp('ArchChinese').externalPlayAll(lessonChars);
	}catch(e) {
		
	}
}


function print(text) {
	try {	
		getFlexApp('ArchChinese').externalGeneratePracticeSheet(text);
	}catch(e) {
		
	}
}

function findWordsByComponent() {
	var text = trim(document.getElementById('componentText').value);
	if (text.length  == 0 || text.length > 1) {
		alert("Enter one (and only one) character component in the box and press the Find button");
		return false;
	}

	getFlexApp('ArchChinese').externalFindWordsForComponent(text);
	return false;
}



function addLesson() {
	var name = trim(document.getElementById('lesson_name').value);
	if (name.length  == 0) {
		alert("Enter a valid lesson name.");
	}
	var sentence = trim(document.getElementById('lesson_sentence').value);
	if (sentence.length  == 0) {
		alert("Enter a valid Chinese sentence.");
	}
	var english = trim(document.getElementById('lesson_english').value);
	getFlexApp('ArchChinese').externalAddLesson(name, sentence, english);
	return false;
}

function signIn() {
	displayExample('<b>- Sign In </b><br/><br/> If you are a registered member, enter the member serial key and press the Submit button.<br/><br/>Note that, if you have created a simple, easy-to-remember member id via the <em>System and Security</em>  page of the <em>Settings</em> pop-up, instead of using the long serial key, you can enter the member id.<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Serial Key&nbsp;&nbsp;<input type="text" name="serialkey"  id="serialkey" size="18" value=""/><br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button onclick="submit();">Submit</button><br/><br/> If you are not a member, <a href="http://www.archchinese.com/arch_membership.html">join us</a> today to get access to the features that are available to the registered members only. It is fast, easy and secure.');
}

function signOut() {
	getFlexApp('ArchChinese').externalSignOut();
	if (document.getElementById('signInHeader')) {
		document.getElementById('signInHeader').innerHTML = '<a href="javascript:signIn();">Sign In</a> ';
	}
}


function submit() {
	var serialkey = trim(document.getElementById('serialkey').value);
	if (serialkey.length  == 0) {
		alert("Enter a valid serial key.");
		return;
	} else {
		getFlexApp('ArchChinese').externalSetSerialKey(serialkey);
		
		document.getElementById('serialkey').value = '';
	}
}

function search() {
	try {
		var text = trim(document.getElementById('search').value);
		if (text.length  == 0) {
			alert("Enter English definition, Chinese character(s) or Pinyin and press the Search button");
			return;
		}
		getFlexApp('ArchChinese').externalSearch(text);
	}catch(e) {
	}
}

function refsearch() {
	try {
		var text = trim(document.getElementById('refsearch').value);
		if (text.length  == 0) {
			alert("Enter English definition or Pinyin and press the Search button");
			return;
		}
		window.location.href = 'http://www.archchinese.com/arch_animation.html?find='+text
	}catch(e) {
	}
}


function loadFreqChars() {
	var freqChars = document.getElementById('freqCharSection').innerHTML;
	if (freqChars.length < 5) {
		getFlexApp('ArchChinese').externalLoadFreqChars();
	} else {
		document.getElementById('messageSection').innerHTML = document.getElementById('freqCharSection').innerHTML;
	}
}
function displayCustomLessonList(lessonList) {
	document.getElementById('custom_lessons').innerHTML += lessonList;
}
function displayLesson(lesson) {
	document.getElementById('messageSection').innerHTML = lesson;
}

function displayFreqChars(freqChars) {
	document.getElementById('freqCharSection').innerHTML = freqChars;
	document.getElementById('messageSection').innerHTML = freqChars;
}
/*
function showExampleWindow(example) {
	popup = window.open('http://www.archchinese.com/examples.html', 'example', 'width=300,height=600,toolbar=no,scrollbars=yes');
	if (!popup.opener) {
		popup.opener = self;
	}
	popup.submitForm(example);
}

function closeExampleWindow() {
	if (popup && popup.open && !popup.closed) {
		popup.close();
	}
}
*/

function playWord(word) {
        try{
	getFlexApp('ArchChinese').externalPlayWord(word);
        }catch(e) {
        }
	return false;
}
function saveCustDef(char) {
	var p = trim(document.getElementById('pinyinBox').value);
	if (p.length  == 0) {
		alert("Enter a valid Pinyin, e.g. hao3");
		return;
	}
	var e = trim(document.getElementById('englishBox').value);
	if (e.length  == 0) {
		alert("English definition cannot be blank.");
		return;
	}
	try {	
		getFlexApp('ArchChinese').externalSaveCustDef(char,p,e);
	}catch(e) {		
	}
}

function speak(pinyin) {
        try {
	getFlexApp('ArchChinese').externalSpeak(pinyin);
        }catch(e) {
        }
	return false;
}

function getRemoteExample(code, pageIndex) {
	getFlexApp('ArchChinese').externalGetRemoteExample(code, pageIndex);
	return false;
}

function getRemotePhrase(code, pageIndex) {
	getFlexApp('ArchChinese').externalGetRemotePhrase(code, pageIndex);
	return false;
}

function switchMode(mode) {
	getFlexApp('ArchChinese').externalSwitchMode(mode);
	return false;
}
function playPinyin(pinyin) {
        try {
	getFlexApp('ArchChinese').externalPlayPinyin(trim(pinyin));
        }catch(e) {}
	return false;
}

function importLesson(lessonChars) {
	getFlexApp('ArchChinese').externalImportLesson(lessonChars);
}

function importFlashCard() {
	var text = trim(document.getElementById('flashText').value);
	if (text.length  == 0) {
		alert("Enter (or Copy & Paste) Chinese phrases and sentences to the Import text box first");
	}
	getFlexApp('ArchChinese').externalImportFlashCard(text);
}

function displayConvertedPinyin(pinyin) {
	document.getElementById('pinyinDest').innerHTML = pinyin;
	
}

function displayExample(example) {
	if (document.getElementById('strokeAnimator')) {
		document.getElementById('strokeAnimator').style.display = 'none';
		document.getElementById('exampleSentenceSection').style.display = '';
		document.getElementById('exampleSentenceSection').innerHTML = example;
		setBusy(false);
	}
}
function importCharacters() {
	displayExample('<b>- Import Characters </b><br/><br/> Copy and paste Chinese characters from the saved Chinese character lists or other sources to the following box, and then hit the <em>Import</em> button. Once the Chinese characters are imported to the browser, you can watch the writing animations for all the characters and generate writing worksheets for offline practice. <br/><br/> The system remembers the characters you have imported, even after you close your browser, and will automatically reload them for you when you enter this page. <br/><br/><textarea id="importCharacterBox" rows="5" cols="30" ></textarea><br/><button onclick="handleImportCharacters();">Import</button> <br/><br/>Note: make sure to save the characters that already exist in the <em>Imported Characters</em> pad. The newly imported characters will overwrite prevously imported ones.');
}

function handleImportCharacters() {
	var text = trim(document.getElementById('importCharacterBox').value);
	if (text.length  == 0) {
		alert("Enter (or Copy & Paste) Chinese phrases and sentences to the Import text box first");
	}
	return importLesson(text);
}

function restore() {
	if (document.getElementById('strokeAnimator')) {
		document.getElementById('strokeAnimator').style.display = '';
		document.getElementById('exampleSentenceSection').style.display = 'none';
		document.getElementById('exampleSentenceSection').innerHTML = '';
		setBusy(false);
	}
}


function highlight(id, highlighted) {
	if (document.getElementById(id)) {
		var wordText = document.getElementById(id).innerHTML;

		if (wordText.indexOf("<b><u>") >= 0) {
			document.getElementById(id).innerHTML = wordText.replace("<b><u>", "").replace("</u></b>", "");
		} else {
			document.getElementById(id).innerHTML = "<b><u>" + document.getElementById(id).innerHTML + "</u></b>"
		}				
		
	}
}

function welcome(name) {
	if (document.getElementById('signInHeader')) {
		document.getElementById('signInHeader').innerHTML = '<b>Standard Member: <font color="#0000ff">' + name + '</font></b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:signOut();">Sign Out</a>';
		
	}
	if (document.getElementById('strokeAnimator')) {
		document.getElementById('strokeAnimator').style.display = '';
		document.getElementById('exampleSentenceSection').style.display = 'none';
		document.getElementById('exampleSentenceSection').innerHTML = '';
		setBusy(false);
	}
	
}
function welcomep(name) {
	if (document.getElementById('signInHeader')) {
		document.getElementById('signInHeader').innerHTML = '<b>Premium Member: <font color="#0000ff">' + name + '</font></b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:signOut();">Sign Out</a>';
		
	}
	if (document.getElementById('strokeAnimator')) {
		document.getElementById('strokeAnimator').style.display = '';
		document.getElementById('exampleSentenceSection').style.display = 'none';
		document.getElementById('exampleSentenceSection').innerHTML = '';
		setBusy(false);
	}
	
}


function setBusy(busy)
{
  if (busy) {
  	document.getElementById('busyIcon').style.display = '';
  } else {
  	document.getElementById('busyIcon').style.display = 'none';
  }
}

function showMessage(msg)
{
	alert(msg, 3);
}

function showConfirm(msg) {
	return confirm(msg);
}
function resetToneHistory(history) {
	if (document.getElementById('tone_history')) {
		document.getElementById('tone_history').innerHTML = '';
	}
}
function setToneHistory(history) {
	if (document.getElementById('tone_history')) {
		var his = document.getElementById('tone_history').innerHTML;
		if (his.length ==0) {
			his = 'Drill history: <br/>'
		}
		document.getElementById('tone_history').innerHTML = document.getElementById('tone_history').innerHTML+history;
	}
	
}

function show(id) {
	document.getElementById('messageSection').innerHTML = document.getElementById(id).innerHTML;
	switchMode(id);
	if ("lessons" == id) {
		//need to load custom lessons, if any
		loadCustomLessonList();
	}
}
function commonPopup(url, width, height, toolsInd)
{
    var options = "width=" + width + ",height=" + height + ",top=" + ((screen.height - height) / 4).toString() + ",left=" + ((screen.width - width) / 2).toString();

    switch (toolsInd)
    {
        case 1:
            options += ",toolbar=no,status=no,resizable=no,scrollbars=yes";
            break;
        case 2:
            options += ",menubar=yes,toolbar=yes,status=yes,resizable=yes,location=yes,scrollbars=yes";
            break;
        case 3:
            options += ",top=50,left=50,resizable=yes,scrollbars=yes,status=no,menubar=no,toolbar=no,location=yes";
            break;
        case 4:
            options += ",top=50,left=50,resizable=yes,scrollbars=no,status=no,menubar=no,toolbar=no,location=yes";
            break;            
        default:
            //do nothing
            break;
    }

    popupWindow = window.open(url, "Arch Chinese pop-up", options);

    if (popupWindow)
    {
        popupWindow.focus();
    }
}
  ///////////////////////////////////  
//BrowserHistoryUtils.addEvent(window, "load", function() { BrowserHistory.initialize(); });
(function(i) {
    var u =navigator.userAgent;var e=/*@cc_on!@*/false; 
    var st = setTimeout;
    if(/webkit/i.test(u)){
        st(function(){
            var dr=document.readyState;
            if(dr=="loaded"||dr=="complete"){i()}
            else{st(arguments.callee,10);}},10);
    } else if((/mozilla/i.test(u)&&!/(compati)/.test(u)) || (/opera/i.test(u))){
        document.addEventListener("DOMContentLoaded",i,false);
    } else if(e){
    (function(){
        var t=document.createElement('doc:rdy');
        try{t.doScroll('left');
            i();t=null;
        }catch(e){st(arguments.callee,0);}})();
    } else{
        window.onload=i;
    }
})( function() {BrowserHistory.initialize();} );