function css_browser_selector(u){var ua = u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1;},g='gecko',w='webkit',s='safari',o='opera',h=document.getElementsByTagName('html')[0],b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?'mobile':is('iphone')?'iphone':is('ipod')?'ipod':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win':is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent); var gender = ""; // question 1 answer var yourname = ""; // question 2 answer var dollsname = ""; // question 3 answer var countryname = ""; // question 4 answer var animal = ""; // question 5 answer var dessert = ""; // question 6 answer var teacher = ""; // question 7 answer var school = ""; // question 8 answer var sport = ""; // question 9 answer var color = ""; // question 10 answer var tmpYourName = ""; var page = ""; var pageHistory; // array of pages (history) var pageHistoryContent; // array of pages (history content) var pageIndex; // current index into the page arrow (for browsing back and forth) var xmldoc; var intro = ""; var currentStoryPageOptions; // a list of links on the current page, for use by the onClickRandom() function var IMAGEPATH = "../Assets/img/chooseyourownadventure/"; var STORYPATH = "../Assets/xml/chooseyourownadventure/story.xml"; var isIEClient = false; // global flag for if this is an Internet Explorer client. Inside IE, absolute positioning is all relative to the tag // which will cause display issues if placed underneath elements created in the tag (i.e. the dollie header) var isIE8Client = false; // global flag for an IE8 client //////////////////////////// // 3rd-party scripts // // /* Copies from gup() at http://www.netlobo.com/url_query_string_javascript.html */ function getURLArg( 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 return results[1]; } /* *Giorgio Sardo's IE Version Detection http://blogs.msdn.com/b/giorgio/archive/2009/04/14/how-to-detect-ie8-using-javascript-client-side.aspx */ function getInternetExplorerVersion() { var rv = -1; // Return value assumes failure. if (navigator.appName == 'Microsoft Internet Explorer') { var ua = navigator.userAgent; var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); if (re.exec(ua) != null) rv = parseFloat(RegExp.$1); } return rv; } /* Developed by Robert Nyman, http://www.robertnyman.com Code/licensing: http://code.google.com/p/getelementsbyclassname/ */ var getElementsByClassName = function (className, tag, elm) { if (document.getElementsByClassName) { getElementsByClassName = function (className, tag, elm) { elm = elm || document; var elements = elm.getElementsByClassName(className), nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null, returnElements = [], current; for(var i=0, il=elements.length; i= 8.0) { isIEClient = true; isIE8Client = true; } else { isIEClient = true; isIE8Client = false; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("GET",url,false); xmlhttp.send(); xmldoc=xmlhttp.responseXML; } function XMLHandler(document, url) { // do nothing (for now) } function GetPage(pagename) { var ref = xmldoc.getElementsByTagName("page"); var idx; for (idx = 0; idx < ref.length; idx++) { if (ref[idx].getAttribute("name").toUpperCase() == pagename.toUpperCase()) { return ref[idx]; } } return null; } function ChangePage(pageID) { page = pageID; handlePage(); } function onClickChoice(pageID) { var leftArrowRef = document.getElementById("leftarrow"); var ref = document.getElementById("maindiv"); leftArrowRef.style.visibility="visible"; pageHistory.push(pageID); pageHistoryContent.push(ref.innerHTML); // this is one element behind, stores the previous page's content pageIndex = pageHistory.length; ChangePage(pageID); } function onClickLeftArrow() { var leftArrowRef = document.getElementById("leftarrow"); var rightArrowRef = document.getElementById("rightarrow"); pageIndex = pageIndex - 1; if (pageIndex <= 1) { leftArrowRef.style.visibility = "hidden"; } rightArrowRef.style.visibility = "visible"; ChangePage(pageHistory[pageIndex - 1]); } function onClickRightArrow() { var leftArrowRef = document.getElementById("leftarrow"); var rightArrowRef = document.getElementById("rightarrow"); pageIndex = pageIndex + 1; if (pageIndex >= pageHistory.length) { rightArrowRef.style.visibility = "hidden"; } leftArrowRef.style.visibility = "visible"; ChangePage(pageHistory[pageIndex - 1]); } function ReplaceTextAreas(baseRef) { var anchorRef = baseRef.getElementsByTagName("textarea"); var idx; currentStoryPageOptions = []; while( anchorRef[0] ) { var href = anchorRef[0].value; var newNode = document.createElement('p'); newNode.innerHTML = href; anchorRef[0].parentNode.replaceChild(newNode, anchorRef[0]); anchorRef = baseRef.getElementsByTagName("textarea"); } } function ReplaceAnchors(baseRef) { var anchorRef = baseRef.getElementsByTagName("a"); var idx; currentStoryPageOptions = []; while( anchorRef[0] ) { var href = anchorRef[0].getAttribute("pageref"); var name = anchorRef[0].innerHTML; var newNode = document.createElement('table'); var newBody = document.createElement('tbody'); var newRow = document.createElement('tr'); var newCol = document.createElement('td'); var str = "onClickChoice('" + href + "')" newCol.setAttribute('onclick', str); if (isIEClient) { newCol.onclick = new Function(str); newCol.setAttribute('refrence', str); } newCol.style.background="url('" + IMAGEPATH + "story_btn.png')"; newCol.style.backgroundRepeat="no-repeat"; newCol.height = 45; newCol.width = 151; newCol.style.textAlign = "center"; newCol.style.verticalAlign = "middle"; newCol.style.cursor = "hand"; newCol.style.cursor = "pointer"; newCol.innerHTML = name; newNode.style.display="inline-block"; newRow.appendChild(newCol); newBody.appendChild(newRow); newNode.appendChild(newBody); anchorRef[0].parentNode.replaceChild(newNode, anchorRef[0]); anchorRef = baseRef.getElementsByTagName("a"); } } function ScanForPageReferences(baseRef) { var anchorRef = baseRef.getElementsByTagName("td"); var idx; for (idx = 0; idx < anchorRef.length; idx++) { var href = ""; // If an onclick event is set directly in the DOM (vs. through a setAttribute) // in Internet Explorer, then the getAttribute call will return a function // object that cannot be manipulated like a string. // Use a 'reference' attribute, then, to pass along the information // if (isIEClient) { href = anchorRef[0].getAttribute("reference"); } else { href = anchorRef[0].getAttribute("onclick"); } if (href != null) { href = href.replace(/onClickChoice\('/,""); href = href.replace(/'\)/,""); currentStoryPageOptions.push(href); } } } function GetColumn(baseRef, name) { var ref = baseRef.getElementsByTagName("div"); var idx; for (idx = 0; idx < ref.length; idx++) { if (ref[idx].getAttribute("id") == name) { return ref[idx]; } } return null; } function FlowColumns(baseRef) { var col1Ref = GetColumn(baseRef, "col1"); var col2Ref = GetColumn(baseRef, "col2"); var tempRef; while (col1Ref.offsetHeight > 515) { tempRef = col1Ref.lastChild; if (tempRef == null) { break; } else { var newNode = tempRef.cloneNode(true); if (col2Ref.firstChild != null) { col2Ref.insertBefore(newNode, col2Ref.firstChild); } else { col2Ref.appendChild(newNode); } tempRef.parentNode.removeChild(tempRef); } } FlowPages(baseRef); } function FlowPages(baseRef) { var xmlRef = xmldoc.firstChild; var col2Ref = GetColumn(baseRef, "col2"); var tempRef; var newPage; var maxCol2Height = 500; // set the maximum height of the second column, this should be slightly shorter than the first column to leave room for the "continue" button var newPageName = page + "/NEXTPAGE"; // if even two columns are overflowing, dynamically create // a new page in the XML and copy the overflow into it. if (col2Ref.offsetHeight > maxCol2Height) { // create a new XML page newPage = xmldoc.createElement("page"); newPage.setAttribute('name', newPageName); // if this page has been created before, merely clear it out for re-writing. // otherwise, append the page to the existing heirarchy var originalPage = GetPage(newPageName); if (originalPage != null) { newPage = originalPage; if (newPage.textContent) { newPage.textContent = ""; // Firefox } else { newPage.text = ""; // IE } } else { // append the page to the existing heirarchy xmlRef.appendChild(newPage); } } else { return; } // copy elements from the second column to the new page var newPageStrData = ""; while (col2Ref.offsetHeight > maxCol2Height) { tempRef = col2Ref.lastChild; if (tempRef == null) { break; } else { var newNode = tempRef.cloneNode(true); var dummyDiv = document.createElement("div"); dummyDiv.appendChild(newNode); newPageStrData = dummyDiv.innerHTML + newPageStrData; // remove this node from the second column tempRef.parentNode.removeChild(tempRef); } } // add the accumulated data to the element if (newPage.textContent) { //newPage.textContent = ""; // Firefox newPage.textContent = newPageStrData; // Firefox } else { //newPage.text = ""; // IE newPage.text = newPageStrData; // IE } // finally, add a "continue" button to the current column 2 var newAnchor = document.createElement("a"); newAnchor.setAttribute('pageref', newPageName); newAnchor.innerHTML = "Next Page >"; col2Ref.appendChild(newAnchor); ReplaceAnchors(baseRef); } function onMyLoaded() { // load the XML first, LoadCookie() will need the data to render pages // note, this function also sets the "isIEClient" flag loadXML(STORYPATH); // if a cookie exists, load it if (LoadCookie()) { // do nothing } else { // otherwise, load in URL arguments (if any) var ref = document.getElementById("maindiv"); gender = stripFormatting( getURLArg("gender") ); // question 1 answer yourname = stripFormatting( getURLArg("yourname") ); // question 2 answer dollsname = stripFormatting( getURLArg("dollsname") ); // question 3 answer countryname = stripFormatting( getURLArg("countryname") ); // question 4 answer animal = stripFormatting( getURLArg("animal") ); // question 5 answer dessert = stripFormatting( getURLArg("dessert") ); // question 6 answer teacher = stripFormatting( getURLArg("teacher") ); // question 7 answer school = stripFormatting( getURLArg("school") ); // question 8 answer sport = stripFormatting( getURLArg("sport") ); // question 9 answer color = stripFormatting( getURLArg("color") ); // question 10 answer page = stripFormatting( getURLArg("page") ); // current page // if any arguments have been set, skip the intro if (gender.length > 0 || yourname.length > 0 || dollsname.length > 0 || countryname.length > 0 || animal.length > 0 || dessert.length > 0 || teacher.length > 0 || school.length > 0 || sport.length > 0 || color.length > 0) { intro = "done"; } } //ref.innerHTML += ""; handlePage(); } function onClickStartOver() { gender = ""; yourname = ""; dollsname = ""; countryname = ""; animal = ""; dessert = ""; teacher = ""; school = ""; sport = ""; color = ""; tmpYourName = ""; page = ""; pageHistory = []; pageHistoryContent = []; pageIndex = 0; handlePage(); } function onClickGoBack() { if (pageIndex > 0) { onClickLeftArrow(); } } function onClickRandom() { var numOptions = currentStoryPageOptions.length; if (numOptions > 0) { var randomnumber=Math.floor(Math.random()*numOptions); onClickChoice(currentStoryPageOptions[randomnumber]); } } function onClickPrint2() { onClickSave(); window.location = "./printable.html"; } function onClickPrint() { // clear the existing document var ref = document.getElementById("maindiv"); var pageOffset = 768; // convert any text areas to paragraphs and copy their contents // ReplaceTextAreas(ref); var lastPage = ref.innerHTML; // ref.style.background = ""; // ref.innerHTML = ""; var text = ""; // create and display the printdiv // load the first page var str2 = "
"; str2 += pageHistoryContent[0]; str2 = str2.replace(/position: absolute/g,"position: relative"); str2 += "
"; // ref.innerHTML += str2; text += str2; //var printDiv = document.createElement('div'); // loop through the pages and add each to the div debugger for (var idx = 1; idx < pageHistory.length; idx++) { var str2 = "
"; str2 += pageHistoryContent[idx]; str2 = str2.replace(/position: absolute/g,"position: relative"); // str2 = str2.replace(/top: *(\d+)/g,function(_,varName) { return ( "top: " + (parseInt(varName)+(pageOffset*idx))); } ); // str2 = str2.replace(/top: *(\d+)/g, "top: 1234" ); str2 += "
"; // ref.innerHTML += str2; text += str2; } // perform the last page str2 = "
"; str2 += lastPage; str2 = str2.replace(/position: absolute/g,"position: relative"); str2 += "
"; // ref.innerHTML += str2; text += str2; // if (!isIEClient || (isIEClient && isIE8Client)) // { // AdjustColumns("cyo_col1", -230, -90); // AdjustColumns("cyo_col2", -230, -90); // } // else // { // AdjustColumns("cyo_col1", -30, -90); // AdjustColumns("cyo_col2", -30, -90); // } // HideButtons(); // window.print(); $.post( "./GeneratePDF.aspx", {text : text, name : yourname}, function(data) { // window.location = '../../App_Data/PDF/' + data; window.open('http://' + window.location.host + '/App_Data/PDF/' + data); }); } function AdjustColumns( classid, top, left ) { // since much of the page is generated dynamically, CSS styles may not apply // as a result, this function will apply offsets to columns dynamically. var ref = document.getElementById("maindiv"); var colRef = getElementsByClassName(classid); var idx; var intTop; var intLeft; for (idx = 0; idx < colRef.length; idx++) { intTop = parseInt(colRef[idx].style.top); intLeft = parseInt(colRef[idx].style.left); colRef[idx].style.top = (intTop + top) + "px"; colRef[idx].style.left = (intLeft + left) + "px"; } } function HideButtons() { var ref = document.getElementById("maindiv"); var colRef = getElementsByClassName("cyo_story_buttons"); var idx; for (idx = 0; idx < colRef.length; idx++) { colRef[idx].style.visibility = "hidden"; } } function onClickShare() { var ref = document.getElementById("urldiv"); var editRef = document.getElementById("urldivEdit"); var location = document.location.href; editRef.value = location + "?gender='"+gender+"'&yourname='"+yourname+"'&dollsname='"+dollsname+"'&countryname='"+countryname+"'&animal='"+animal+"'&dessert='"+dessert+"'&teacher='"+teacher+"'&school='"+school+"'&sport='"+sport+"'&color='"+color+"'"; ref.style.visibility = "visible"; } function onClickSave() { var ref = document.getElementById("urldiv"); var editRef = document.getElementById("urldivEdit"); var location = document.location.href; editRef.value = location + "?gender='"+gender+"'&yourname='"+yourname+"'&dollsname='"+dollsname+"'&countryname='"+countryname+"'&animal='"+animal+"'&dessert='"+dessert+"'&teacher='"+teacher+"'&school='"+school+"'&sport='"+sport+"'&color='"+color+"'"; ref.style.visibility = "visible"; SaveCookie(); } function SaveCookie() { // using functions from the cookie tool box to save page history and variable values var expDate = new Date(); // expiration date for the cookie var days = 90; // days the cookie is good for (3 months) var myArray = init_array(); // cookie toolbox function expDate.setTime(expDate.getTime()+(days*24*60*60*1000)); // copy the page history array into the cookie toolbox array for (idx = 0; idx < pageHistory.length; idx++) { myArray[idx] = pageHistory[idx]; } // save the page history array to the cookie set_array("pageHistory", myArray, expDate); // save the other variable data to the cookie set_cookie("gender", gender, expDate); set_cookie("yourname", yourname, expDate); set_cookie("dollsname", dollsname, expDate); set_cookie("countryname", countryname, expDate); set_cookie("animal", animal, expDate); set_cookie("dessert", dessert, expDate); set_cookie("teacher", teacher, expDate); set_cookie("school", school, expDate); set_cookie("sport", sport, expDate); set_cookie("color", color, expDate); set_cookie("intro", intro, expDate); } function LoadCookie() { // this function assumes it will be allowed to clear the // page history and page history contents. // :NOTE: Call this function BEFORE processing command line arguments, if any // copy the page history array into the cookie toolbox array var myArray = init_array(); // cookie toolbox function // load the other variable data from the cookie gender = get_cookie("gender"); if (gender==null) gender = ""; yourname = get_cookie("yourname"); if (yourname==null) yourname = ""; dollsname = get_cookie("dollsname"); if (dollsname==null) dollsname=""; countryname = get_cookie("countryname"); if (countryname==null) countryname=""; animal = get_cookie("animal"); if (animal==null) animal=""; dessert = get_cookie("dessert"); if (dessert==null) dessert=""; teacher = get_cookie("teacher"); if (teacher==null) teacher=""; school = get_cookie("school"); if (school==null) school=""; sport = get_cookie("sport"); if (sport==null) sport=""; color = get_cookie("color"); if (color==null) color=""; intro = get_cookie("intro"); if (intro==null) intro=""; // get the page history array from the cookie pageHistory = ["USERS PLAYDATE"]; get_array("pageHistory", myArray); var size = next_entry(myArray); for (idx = 0; idx < size; idx++) { pageHistory[idx] = myArray[idx]; if (pageHistory[idx]==null) pageHistory[idx]=""; } // re-create the page contents and re-place the page contents into history var ref = document.getElementById("maindiv"); pageHistoryContent = []; pageHistoryContent = [ "" ]; for (idx = 1; idx < (pageHistory.length+1); idx++) { // change and re-process the page ChangePage(pageHistory[idx-1]); // copy the page contents into the history pageHistoryContent.push(ref.innerHTML); } // use the "intro" variable (first value ever set) to // determine if any cookie data at all was read in if (intro=="") { return false; } else { return true; } } function onUrlDivOK() { var ref = document.getElementById("urldiv"); ref.style.visibility = "hidden"; } function onClickHelp() { var ref = document.getElementById("helpdiv"); ref.style.visibility="visible"; } function onClickHelpDismiss() { var ref = document.getElementById("helpdiv"); ref.style.visibility="hidden"; } function onClickBoy() { gender = "boy"; handlePage(); } function onClickGirl() { gender = "girl"; handlePage(); } function onClickQ3Btn1() { dollsname = "Nina"; handlePage(); } function onClickQ3Btn2() { dollsname = "Cassie"; handlePage(); } function onClickQ3Btn3() { dollsname = "Clara"; handlePage(); } function onClickQ3Btn4() { dollsname = "Lucy"; handlePage(); } function onClickQ4Btn1() { countryname = "Gropplebottom"; handlePage(); } function onClickQ4Btn2() { countryname = "Cameltown"; handlePage(); } function onClickQ4Btn3() { countryname = "Dollville"; handlePage(); } function onClickQ4Btn4() { countryname = "New Chimney"; handlePage(); } function onClickQ5Btn1() { animal = "Kangaroo"; handlePage(); } function onClickQ5Btn2() { animal = "Lion"; handlePage(); } function onClickQ5Btn3() { animal = "Stegosaurus"; handlePage(); } function onClickQ5Btn4() { animal = "Polar Bear"; handlePage(); } function onClickQ6Btn1() { dessert = "Strawberry Frosted Caramel Delight"; handlePage(); } function onClickQ6Btn2() { dessert = "Lemon and Orange Upsidedown Torte"; handlePage(); } function onClickQ6Btn3() { dessert = "101 Layer Chocolate Cake"; handlePage(); } function onClickQ6Btn4() { dessert = "Double-Whipped-Raspberry-Fudge Pudding"; handlePage(); } function onClickQ7Btn1() { teacher = "Mrs. Campbell"; handlePage(); } function onClickQ7Btn2() { teacher = "Mrs. O'Reilly"; handlePage(); } function onClickQ7Btn3() { teacher = "Ms. Rickles"; handlePage(); } function onClickQ7Btn4() { teacher = "Miss Celine"; handlePage(); } function onClickQ8Btn1() { school = "Smart Kids"; handlePage(); } function onClickQ8Btn2() { school = "Somerset Elementary"; handlePage(); } function onClickQ8Btn3() { school = "Ficklebump"; handlePage(); } function onClickQ8Btn4() { school = "Smellville Academy"; handlePage(); } function onClickQ9Btn1() { sport = "Swimming"; handlePage(); } function onClickQ9Btn2() { sport = "Surfing"; handlePage(); } function onClickQ9Btn3() { sport = "Soccer"; handlePage(); } function onClickQ9Btn4() { sport = "Snowboarding"; handlePage(); } function onClickQ10Btn1() { color = "Maroon"; handlePage(); } function onClickQ10Btn2() { color = "Lavender"; handlePage(); } function onClickQ10Btn3() { color = "Blue"; handlePage(); } function onClickQ10Btn4() { color = "Orange"; handlePage(); } function onClickNextIntro() { intro="done"; handlePage(); } function onClickEnterQ2() { var ref = document.getElementById("yournameEdit"); if (ref.value.length == 0) { ref.style.border = "1px solid red" } else { yourname = ref.value; handlePage(); } } function onClickNextQ3() { var ref = document.getElementById("yournameEdit"); if (ref.value.length == 0) { ref.style.border = "1px solid red" ref.style.border = "1px solid red" } else { dollsname = ref.value; handlePage(); } } function onClickNextQ4() { var ref = document.getElementById("yournameEdit"); if (ref.value.length == 0) { ref.style.border = "1px solid red" } else { countryname = ref.value; handlePage(); } } function onClickNextQ5() { var ref = document.getElementById("yournameEdit"); if (ref.value.length == 0) { ref.style.border = "1px solid red" } else { animal = ref.value; handlePage(); } } function onClickNextQ6() { var ref = document.getElementById("yournameEdit"); if (ref.value.length == 0) { ref.style.border = "1px solid red" } else { dessert = ref.value; handlePage(); } } function onClickNextQ7() { var ref = document.getElementById("yournameEdit"); if (ref.value.length == 0) { ref.style.border = "1px solid red" } else { teacher = ref.value; handlePage(); } } function onClickNextQ8() { var ref = document.getElementById("yournameEdit"); if (ref.value.length == 0) { ref.style.border = "1px solid red" } else { school = ref.value; handlePage(); } } function onClickNextQ9() { var ref = document.getElementById("yournameEdit"); if (ref.value.length == 0) { ref.style.border = "1px solid red" } else { sport = ref.value; handlePage(); } } function onClickNextQ10() { var ref = document.getElementById("yournameEdit"); if (ref.value.length == 0) { ref.style.border = "1px solid red" } else { color = ref.value; handlePage(); } } function onChangeEdit() { var ref = document.getElementById("yournameEdit"); if (ref.value.length == 0) { ref.style.background="url('" + IMAGEPATH + "edit_background.png')"; } else { ref.style.background=""; } } function onKeyPressEdit() { var ref = document.getElementById("yournameEdit"); if (ref.value.length == 0) { ref.style.background="url('" + IMAGEPATH + "edit_background.png')"; } else { ref.style.background=""; } } function handlePage() { var ref = document.getElementById("maindiv"); var str; var fontHeight = "30px"; if (intro=="") { ref.style.background = "url('" + IMAGEPATH + "new/intro.png') no-repeat left top"; str = ""; ref.innerHTML = str; } else if (gender == "") { ref.style.background = "url('" + IMAGEPATH + "new/questions.png') no-repeat left top"; str = "
Are you a
girl or a boy?
"; //str = "
Are you a boy or a girl?
"; str += ""; str += ""; ref.innerHTML = str; } else if (yourname == "") { ref.style.background = "url('" + IMAGEPATH + "new/questions.png') no-repeat left top"; str = "
What is your name?
"; str += ""; str += ""; ref.innerHTML = str; } else if (dollsname == "") { ref.style.background = "url('" + IMAGEPATH + "new/questions.png') no-repeat left top"; str = "
What is your doll's name?
"; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; ref.innerHTML = str; document.getElementById("yournameEdit").style.background="url('" + IMAGEPATH + "edit_background.png')"; } else if (countryname == "") { ref.style.background = "url('" + IMAGEPATH + "new/questions.png') no-repeat left top"; str = "
Name a made-up land or country
"; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; ref.innerHTML = str; document.getElementById("yournameEdit").style.background="url('" + IMAGEPATH + "edit_background.png')"; } else if (animal == "") { ref.style.background = "url('" + IMAGEPATH + "new/questions.png') no-repeat left top"; str = "
Favorite large animal
"; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; ref.innerHTML = str; document.getElementById("yournameEdit").style.background="url('" + IMAGEPATH + "edit_background.png')"; } else if (dessert == "") { ref.style.background = "url('" + IMAGEPATH + "new/questions.png') no-repeat left top"; str = "
Favorite Crazy Dessert
"; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; ref.innerHTML = str; document.getElementById("yournameEdit").style.background="url('" + IMAGEPATH + "edit_background.png')"; } else if (teacher == "") { ref.style.background = "url('" + IMAGEPATH + "new/questions.png') no-repeat left top"; str = "
Favorite Teacher
"; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; ref.innerHTML = str; document.getElementById("yournameEdit").style.background="url('" + IMAGEPATH + "edit_background.png')"; } else if (school == "") { ref.style.background = "url('" + IMAGEPATH + "new/questions.png') no-repeat left top"; str = "
Name of School
"; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; ref.innerHTML = str; document.getElementById("yournameEdit").style.background="url('" + IMAGEPATH + "edit_background.png')"; } else if (sport == "") { ref.style.background = "url('" + IMAGEPATH + "new/questions.png') no-repeat left top"; str = "
Favorite Sport
"; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; ref.innerHTML = str; document.getElementById("yournameEdit").style.background="url('" + IMAGEPATH + "edit_background.png')"; } else if (color == "") { ref.style.background = "url('" + IMAGEPATH + "new/questions.png') no-repeat left top"; str = "
Favorite Color
"; str += ""; str += ""; str += ""; str += ""; str += ""; str += ""; ref.innerHTML = str; document.getElementById("yournameEdit").style.background="url('" + IMAGEPATH + "edit_background.png')"; } else if (page == "") { pageHistory = ["USERS PLAYDATE"]; pageHistoryContent = [ "" ]; ChangePage("USERS PLAYDATE"); return; // do not go any further and apply adjustments } else { // str = '

"Wow!" NAME shouted. "Check this out!"

NAME had just entered her room with her favorite doll, DOLL. To her surprise, sitting smack in the middle of the floor was a box, wrapped in glittering blue paper.

"Wow," DOLL said. "A gift!"

"For me?" NAME asked.

DOLL skipped around the package. "It must be! Maybe from your parents. Or maybe from a fairy godmother. Who knows? But open it. Let's see what it is."

NAME opened the box and pulled out an absolutely beautiful COLOR dress. But that wasn't all. Underneath was a very tiny version of the exact same dress. NAME looked to DOLL.

"Oh, my gosh! One for me and one for you."

"I'm liking it," DOLL said.

A second later, NAME was in her dress. She twirled in front of her mirror.

"Looks good," she said to her doll. "Now, your turn."

The very second that NAME hooked the final clasp on DOLL's dress, the doll twirled in a circle and did a back flip onto the bed.

"Wow!" DOLL said, dancing up onto the pillow. "Now that we're dressed a like, I'm really ready for an absolutely rocking adventure." She looked out the window. "It's such a nice day maybe we should go out? Then again, there's so much to do right in the house. What do you think, NAME? Should we play inside or outside?"

QUESTION: DO YOU WANT TO PLAY INSIDE OR OUTSIDE?

ART: PICTURES OF GIRL HOLDING DOLL

'; ref.style.background = "url('" + IMAGEPATH + "new/booklayout.png') no-repeat left top"; var pageref = GetPage(page); if (pageref != null) { //str = pageref.childNodes[0].nodeValue; if (pageref.textContent) { str = pageref.textContent; // Firefox } else { str = pageref.text; // IE } } str = str.replace(/NAME/g,""+yourname+""); str = str.replace(/DOLL/g,""+dollsname+""); str = str.replace(/GENDER/g,gender); str = str.replace(/COUNTRY/g,""+countryname+""); str = str.replace(/ANIMAL/g,""+animal+""); str = str.replace(/DESSERT/g,""+dessert+""); str = str.replace(/TEACHER/g,""+teacher+""); str = str.replace(/SCHOOL/g,""+school+""); str = str.replace(/SPORT/g,""+sport+""); str = str.replace(/COLOR/g,""+color+""); if (gender=="boy") { str = str.replace(/HIS_HER/g,"his"); str = str.replace(/HIM_HER/g,"him"); str = str.replace(/HE_SHE/g,"he"); str = str.replace(/HIMSELF_HERSELF/g,"himself"); str = str.replace(/MON_CHER_MA_CHERIE/g,"mon cher"); str = str.replace(/BOY_GIRL/g,"boy"); str = str.replace(/MONSIEUR_MADEMOISELLE/g,"monsieur"); } else { str = str.replace(/HIS_HER/g,"her"); str = str.replace(/HIM_HER/g,"her"); str = str.replace(/HE_SHE/g,"she"); str = str.replace(/HIMSELF_HERSELF/g,"herself"); str = str.replace(/MON_CHER_MA_CHERIE/g,"ma cherie"); str = str.replace(/BOY_GIRL/g,"girl"); str = str.replace(/MONSIEUR_MADEMOISELLE/g,"mademoiselle"); } ref.innerHTML = "
"; ref.innerHTML += "
" + str + "
"; FlowColumns(ref); ReplaceAnchors(ref); ScanForPageReferences(ref); } if (isIEClient && (!isIE8Client)) { // Internet Explorer references absolute positions to the start of the tag. // This causes the page to display differently than other browsers (for instance, FireFox), which // reference their absolute positions from the top-left corner of the browser window. // AdjustColumns("cyo_question", -200, -10); AdjustColumns("cyo_qbutton", -200, -10); AdjustColumns("cyo_edit", -200, -10); AdjustColumns("cyo_story_buttons", -200, 0); AdjustColumns("cyo_col1", -200, 0); AdjustColumns("cyo_col2", -200, 0); } }