var ttl = [];
        var scrn = [];
		
		ttl[0] = "instant gratification";
		ttl[1] = "about playlists";
		ttl[2] = "about playlists";
		
		scrn[0] = 	"<ul><li style=\"line-height: 20px; padding-bottom: 10px;\">Type an artist's name, we'll play you music from your artist and related artists</li>" +
					"<li  style=\"line-height: 20px; padding-bottom: 10px;\">Your recommendations are generated by the Finetune community - let millions of music fans help you discover new music and re-discover old favorites!"; 
		
		scrn[1] =	"<ul><li style=\"line-height: 20px; padding-bottom: 10px;\">Create a playlist with only the songs YOU choose...</li>" + 
					"<li style=\"line-height: 20px; padding-bottom: 10px;\">Use the <img src=\"/images/store/add_base.gif\"> button next to any track to add music to playlists</li>" +
					"<li style=\"line-height: 20px;\">Find some music to get started. We'll guide you through the rest.</li></ul>" +
		 			"<div style=\"margin-left: 20px; margin-top: 20px;\"><form class=\"notext\" id=\"mdSearchForm\" action=\"content/search.php\" target=\"mainContent\" method=\"POST\" >" +
                    "<input type=\"HIDDEN\" name=\"action\" value=\"submit\" />" +
                    "<input type=\"HIDDEN\" name=\"searchArt\" value=\"artist\" />" +
                    "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" ><tr>" +
                    "<td style=\"vertical-align: middle;\"><input class=\"arInputForm\" type=\"TEXT\" id=\"mdSearchTerm\" name=\"searchTerm\" size=\"28\" value=\" search finetune...\"  onMouseDown=\"parent.clearMdSearch()\" onFocus=\"parent.checkMdTextFocus(); return false;\" onBlur=\"parent.checkMdTextBlur(); return false;\" /></td>" +
					"<td style=\"vertical-align: middle;\"><input type=\"image\" value=\"submit\" title=\"Search\" onClick=\"parent.hideBox(); parent.doMdSearch(); return false;\" onMouseOver=\"this.src='/images/nav/button-mdsearch-over.png';\" onMouseOut=\"this.src='/images/nav/button-mdsearch.png';\" src=\"/images/nav/button-mdsearch.png\" alt=\"search\" /></td> </tr> </table> </form></div>";

		scrn[2] =	"<ul><li style=\"line-height: 20px;\">At Finetune, we believe variety is the spice of life *and* playlists...</li>" +
					"<li style=\"line-height: 20px;\">Finetune playlists need to be 45 tracks or more from at least 15 different artists</li>" +
					"<li style=\"line-height: 20px;\">Sounds like a lot?  No problem -- at any point, we can fill in the rest for you.  Just click the " +
					"<img src=\"/images/nav/button-mdlazy.png\"> button.</li></ul>" +
					"<div style=\"margin-left: 20px; margin-top: 20px;\"><form class=\"notext\" id=\"mdbSearchForm\" action=\"content/search.php\" target=\"mainContent\" method=\"POST\" >" +
                	"<input type=\"HIDDEN\" name=\"action\" value=\"submit\" />" +
                	"<input type=\"HIDDEN\" name=\"searchArt\" value=\"artist\" />" +
                	"<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" ><tr>" +
                	"<td style=\"vertical-align: middle;\"><input class=\"arInputForm\" type=\"TEXT\" id=\"mdbSearchTerm\" name=\"searchTerm\" size=\"28\" value=\" search finetune...\"  onMouseDown=\"parent.clearMdbSearch()\" onFocus=\"parent.checkMdbTextFocus(); return false;\" onBlur=\"parent.checkMdbTextBlur(); return false;\" /></td>" +
                	"<td style=\"vertical-align: middle;\"><input type=\"image\" value=\"submit\" title=\"Search\" onClick=\"parent.hideBox(); parent.doMdbSearch(); return false;\" onMouseOver=\"this.src='/images/nav/button-mdsearch-over.png';\" onMouseOut=\"this.src='/images/nav/button-mdsearch.png';\" src=\"/images/nav/button-mdsearch.png\" alt=\"search\" /></td> </tr> </table> </form></div>";

		//scrn[3] = 	"<div style='border: 1px solid purple; width: 562px; height:400px;'>" +
		//			"<iframe src='teaser/index.html'></iframe>" +
		//			"</div>";




		var currentScreen = 1;                

		function nextPage(pg) {
                        currentScreen = pg;
                        bTitle = ttl[pg];
                        bScrn = scrn[pg];
                        document.getElementById("boxTitle").innerHTML = bTitle;
                        document.getElementById("boxText").innerHTML = bScrn;
                        renderButtons(pg);
        
       	}

		function renderButtons(pg) {
			if (pg == 1) {
				document.getElementById("nextBtn").style.display= "block";
			}  else {
				document.getElementById("nextBtn").style.display= "none";
			}
			
			if (pg == 2) {
				document.getElementById("prevBtn").style.display= "block";
			} else {
				document.getElementById("prevBtn").style.display= "none";
			}
		}