|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head>
<title>out of box experience</title> <LINK REL="stylesheet" TYPE="text/css" HREF="oobestyl.css">
<style> .mousePos {position:absolute} .pointerMove {font-size : 9pt; font-family : Arial; font-weight : normal; color : navy;} .agentPosit {position:absolute; font-size : 9pt; font-family : Arial; font-weight : normal; color : white; line-height : 12pt;} </style>
<script>
var ArrowSw; var mouse_action; var g_sw1; g_sw1='0';
function StartGlide1() { ArrowSw = false; if (!Is_Mouse_Hide_executed) { MouseImage.style.pixelLeft = 160; MouseImage.style.visibility = "visible"; mouse_action = window.setInterval("Glide1()", 20); } }
function Glide1() { if (!Is_Mouse_Hide_executed) { document.all.MouseImage.style.pixelTop += 1; document.all.MouseImage.style.pixelLeft -= 1; document.all.ArrowImage.style.pixelTop += 1;
if (!ArrowSw) { document.all.ArrowImage.style.pixelLeft -= 1; ArrowSw = true; } else { ArrowSw = false; }
if (ArrowImage.style.pixelLeft<=82) { Btn1Image.style.display="none"; Btn2Image.style.display="inline"; } if (MouseImage.style.pixelLeft<=125) { if (g_sw1=='0') { ClickhereImage.style.display="inline"; Spn_ClickHereLarge.style.display="inline"; MouseImage.style.pixelLeft=125; window.clearInterval(mouse_action); g_sw1='1'; } else { Magnify.style.display="inline"; Spn_ClickHere.style.display="inline"; MouseImage.style.pixelLeft=125; window.clearInterval(mouse_action); g_sw1='1'; } } } }
function StartGlide2() { ArrowSw = false; if (!Is_Mouse_Hide_executed) { MouseImage.style.pixelLeft = 125; MouseImage.style.visibility = "visible"; Spn_ClickHereLarge.style.display="none"; ClickhereImage.style.display="none"; GreenBtn.style.display="none"; Magnify.style.display="none"; mouse_action = window.setInterval("Glide2()", 20); } }
function Glide2() { if (!Is_Mouse_Hide_executed) { document.all.MouseImage.style.pixelTop -= 1; document.all.MouseImage.style.pixelLeft += 1; document.all.ArrowImage.style.pixelTop -= 1;
if (!ArrowSw) { document.all.ArrowImage.style.pixelLeft += 1; ArrowSw = true; } else { ArrowSw = false; }
if (ArrowImage.style.pixelLeft>=82) { Btn2Image.style.display="none"; Btn1Image.style.display="inline"; } if (MouseImage.style.pixelLeft>=160) { MouseImage.style.pixelLeft=160; window.clearInterval(mouse_action); } } }
var BlinkerCtr; var BlinkerSW1; BlinkerCtr=0; BlinkerSW1='0'; function BtnBlinker() { if (!Is_Mouse_Hide_executed) btn_action = window.setInterval("ActualBlinker()", 500); }
function ActualBlinker() { if (!Is_Mouse_Hide_executed) { if (BlinkerSW1=='0') { GreenBtn.style.display = "inline"; BlinkerSW1='1'; } else { GreenBtn.style.display = "none"; BlinkerSW1='0'; BlinkerCtr += 1; }
if (BlinkerCtr >=4) { window.clearInterval(btn_action); } } }
function FingerPusher() { if (!Is_Mouse_Hide_executed) fgr_action = window.setInterval("ActualPusher()", 1000); }
var PusherCtr; PusherCtr=0; function ActualPusher() { if (!Is_Mouse_Hide_executed) { if (BlinkerSW1=='0') { Hand2.style.display = "none"; Hand1.style.display = "inline"; Btn3Image.style.display="none"; Btn2Image.style.display="inline"; BlinkerSW1='1'; PusherCtr += 1; // we don't want to play the clicker the first time around. if (PusherCtr > 1) { PlayClicker(); } } else { Hand1.style.display = "none"; Hand2.style.display = "inline"; Btn2Image.style.display="none"; Btn3Image.style.display="inline"; PlayClicker(); BlinkerSW1='0'; PusherCtr += 1; } if (PusherCtr >=7) { window.clearInterval(fgr_action); } } else { window.clearInterval(fgr_action); } }
function ChangeText1() { var L_Whenthearrow_Text = "When the arrow is on top of the Next button, press and release (or "click") the left mouse button. That's all there is to it!"; MouseTextDescription.innerHTML = L_Whenthearrow_Text; }
function ChangeText2() { var L_Ifyoureach_Text = "If you reach the edge of the mousepad, pick up the mouse and place it anywhere on the mousepad to continue."; MouseTextDescription.innerHTML = L_Ifyoureach_Text; }
var bTranState = 0; var M_event1, M_event2, M_event3, M_event4, M_event5, M_event6, fgr_action function ToggleMouse_msg() { oTransContainer.filters[0].Apply(); if (bTranState=='0') { oTransContainer.style.display="inline"; bTranState = 1; oDIV2.style.visibility="visible"; oDIV1.style.visibility="hidden";
if (window.parent.document.dir == "rtl") MonitorImage2.style.display = "inline"; else MonitorImage.style.display = "inline";
oTransContainer.filters[0].Play(); M_event1 = window.setTimeout(StartGlide1, 3000); M_event2 = window.setTimeout(StartGlide2, 7000); M_event3 = window.setTimeout(StartGlide1, 10000); T_event1 = window.setTimeout(ChangeText1, 13000); // M_event4 = window.setTimeout(BtnBlinker, 13000); M_event5 = window.setTimeout(FingerPusher, 17000); T_event2 = window.setTimeout(ChangeText2, 22000); M_event6 = window.setTimeout(ToggleMouse_msg, 29000); } else { bTranState = 0; oDIV2.style.visibility="hidden"; oDIV1.style.visibility="visible"; MouseImage.style.visibility="hidden"; Btn1Image.style.visibility="hidden"; Btn2Image.style.visibility="hidden"; Btn3Image.style.visibility="hidden"; ArrowImage.style.visibility="hidden"; Spn_ClickHereLarge.style.visibility="hidden"; ClickhereImage.style.visibility="hidden"; Hand1.style.visibility="hidden"; Hand2.style.visibility="hidden"; Magnify.style.visibility="hidden"; Spn_ClickHere.style.display="none"; oTransContainer.filters[0].Play(); window.setTimeout(StartMouseAgain, 13000); } }
function PlayClicker() { }
function mouseload() { /* // Check if g_DidWePassWelcomePage is true. This variable is declared and initially set to false in msobshel.htx // We will only show the mouse tutorial the first time the welcome page has appeared, we don't want the users // to see the mouse tutorial again if they click next on the welcome page and then back again...
if (!window.parent.g_DidWePassWelcomePage) {
if (window.parent.g_AgentDisabled) window.parent.PlayBackgroundMusic();
// Check if MouseTutorial=1 in oobeinfo.ini, if so, show new mouse tutorial. // var MT_INIstr=window.parent.DirObj.get_DoMouseTutorial(); if (MT_INIstr=="1") {
if (window.top.screen.width > 800) { oTransContainer.style.top = 240; oTransContainer.style.left = 287; } else { oTransContainer.style.top = 160; oTransContainer.style.left = 175; }
// Check if Agent (Merlin) is turned on in oobeinfo.ini, if so, start // the mouse tutorial X seconds after merlin is done with his stuff... // if (window.parent.g_AgentDisabled) window.setTimeout(ToggleMouse_msg, 13000); else window.setTimeout(ToggleMouse_msg, 55000); } } */ }
function StartMouseAgain() { // Reset all mouse settings. document.all.MouseImage.style.pixelTop = 240; document.all.MouseImage.style.pixelLeft = 160; document.all.ArrowImage.style.pixelTop = 150; document.all.ArrowImage.style.pixelLeft = 100;
var L_slideyourmouse_Text = "Slide your mouse over the mousepad to move the arrow (or "pointer") on the screen."; MouseTextDescription.innerHTML = L_slideyourmouse_Text;
// Don't mess around with the settings set forth here...They are necessary... MouseImage.style.visibility="visible"; Btn1Image.style.visibility="visible"; Btn1Image.style.visibility="visible"; ArrowImage.style.visibility="visible"; Btn2Image.style.visibility="visible"; Btn3Image.style.visibility="visible"; ClickhereImage.style.visibility="visible"; Spn_ClickHereLarge.style.visibility="visible"; Spn_ClickHere.style.visibility="visible"; Hand1.style.visibility="visible"; Hand2.style.visibility="visible"; Magnify.style.visibility="visible";
Spn_ClickHere.style.display="none"; MouseImage.style.display="inline"; Btn1Image.style.display="inline"; Btn1Image.style.display="inline"; ArrowImage.style.display="inline"; Btn2Image.style.display="none"; Btn3Image.style.display="none"; Spn_ClickHereLarge.style.display="none"; ClickhereImage.style.display="none"; Hand1.style.display="none"; Hand2.style.display="none"; Magnify.style.display="none";
GreenBtn.style.display = "none"; Is_Mouse_Hide_executed = false; g_sw1='0'; BlinkerCtr=0; BlinkerSW1='0'; PusherCtr=0; ToggleMouse_msg(); }
var Is_Mouse_Hide_executed = false; function Mouse_Hide_Handler() { Is_Mouse_Hide_executed = true;
// We clear all mouse activities. try { window.clearTimeout(M_event1); window.clearTimeout(M_event2); window.clearTimeout(M_event3); // window.clearTimeout(M_event4); window.clearTimeout(M_event5); window.clearTimeout(M_event6); window.clearInterval(mouse_action); window.clearInterval(btn_action); window.clearInterval(fgr_action); } catch(e){}
ToggleMouse_msg(); }
</script> </head>
<body style="background-Color: transparent; background-repeat: no-repeat;" onload="window.parent.Start_LoadMe(); mouseload();" tabindex=-1 onkeypress="window.parent.Start_OnKeyPress();" onunload="window.parent.Agent_Deactivate();" >
<table valign=middle border=0 cellpadding=0 cellspacing=0 width="100%" height="100%"> <tr> <td ID=leftmargincell width=7%></td> <td ID=maincell valign=middle class="text-primary">
<br><br> <span class="title"> <ID id=welc_s1>Welcome to Microsoft Windows</ID> </span>
<span ID=WelcomePageText style="display:none"> <br><br> <!-- sentence may be changed at runtime --> <span ID=welcome_namestr class="text-primary"> <ID id=w21>Thank you for purchasing Microsoft Windows XP.</ID> </span>
<br><br> <span class="text-primary" id=AgentPos2><ID id=welc_s3>Let's spend a few minutes setting up your computer.</ID> </span> </span>
<span ID=AgentPos class="agentPosit" style="left:65%; top: 80%;"> </span>
<!-- Start of Mouse Tutorial -->
<!-- Filter --> <DIV ID="oTransContainer" class="mousePos" STYLE="top: 0; left: 0; width: 450; height:360; filter:progid:DXImageTransform.Microsoft.Fade(duration=0.5,overlap=2.0); display:none; "> <!-- First Content (empty) --> <DIV ID="oDIV1" STYLE="top:0; left:0; width:450px; height:360; background-Color: transparent;" class="mousePos"> </DIV> <!-- Actual Content --> <DIV ID="oDIV2" onclick="Mouse_Hide_Handler();" class="mousePos" STYLE="top:0; left:0; width:450px; height:360px; background-image:url('../images/mousewn1.gif'); visibility:hidden;">
<span ID="MouseMsg1" STYLE="top:25px; left:15px; right:5px; font: 18pt Arial;" class="mousePos"> <TABLE BORDER=0 WIDTH="100%"> <TR> <TD VALIGN=TOP> <br><br> <span class="pointerMove" id=MouseTextDescription> <ID id="txtWelcome">Slide your mouse over the mousepad to move the arrow (or "pointer") on the screen.</ID> </span> </TD> </TR> </TABLE> </span>
<span id="MonitorImage" STYLE="top:115px; left:20px; display:none;" class="mousePos"> <img src="../images/monitor.gif" border=0> </span>
<span id="MonitorImage2" STYLE="top:115px; left:20px; display:none;" class="mousePos"> <img src="../images/monitor2.gif" border=0> </span>
<span id="MouseImage" STYLE="top:240px; left:160px;" class="mousePos"> <img src="../images/mouse.gif" border=0> </span>
<span id="ClickhereImage" STYLE="top:189px; left:188px; display:none;" class="mousePos"> <img src="../images/clickhr.gif" border=0> </span>
<span id="Magnify" STYLE="top:117px; left:178px; display:none;" class="mousePos"> <img src="../images/magnify.gif" border=0> </span>
<span id="Spn_UsingTheMouse" STYLE="position:absolute; top:13px; left:10px; color:white; font: 26pt Arial; z-index=100"> <id id="TxtUsingTheMouse">Using the mouse</id> </span>
<span id="Spn_ClickHere" STYLE="position:absolute; top:145px; left:237px; display:none; color:navy; font: 10pt Arial; z-index=99"> <id id="TxtClickHere">Click here</id> </span>
<span id="Spn_ClickHereLarge" STYLE="position:absolute; top:191px; left:223px; display:none; color:navy; font: 16pt Arial; z-index=99"> <id id="TxtClickHereLarge">Click here</id> </span>
<span id="GreenBtn" STYLE="top:139px; left:319px; display:none;" class="mousePos"> <img src="../images/grn_btn.gif" border=0> </span>
<span id="Hand1" STYLE="top:119px; left:301px; display:none;" class="mousePos"> <img src="../images/hand1.gif" border=0> </span>
<span id="Hand2" STYLE="top:119px; left:301px; display:none;" class="mousePos"> <img src="../images/hand2.gif" border=0> </span>
<span id="Btn1Image" STYLE="top:184px; left:77px;" class="mousePos"> <img src="../images/btn1.gif" border=0> </span>
<span id="Btn2Image" STYLE="top:184px; left:77px; display:none;" class="mousePos"> <img src="../images/btn2.gif" border=0> </span>
<span id="Btn3Image" STYLE="top:184px; left:76px; display:none;" class="mousePos"> <img src="../images/btn3.gif" border=0> </span>
<span id="ArrowImage" STYLE="top:150px; left:100px;" class="mousePos"> <img src="../images/arrow.gif" border=0> </span>
</DIV> </DIV> <!-- End of Mouse Tutorial --> <script> document.write(window.parent.g_ClickNextStrWelcome); </script>
<table border=0 class="newbuttonposition"> <tr> <td width=10> </td> <td><BUTTON ID="btnBack" class="newbuttonsBack" TABINDEX=-1 ACCESSKEY="B" style="visibility:hidden;"></BUTTON></td> <td nowrap valign=middle class="text-primary"><span id="BackBtnLocalText" style="visibility:hidden;"><label for=btnBack><id id="LocalBtnBack_Text"><u>B</u>ack</id></label></span></td>
<td width=99%> </td> <td nowrap valign=middle class="text-primary"><span id="SkipBtnLocalText" style="visibility:hidden;"><label for=btnSkip><id id="LocalBtnSkip_Text"><u>S</u>kip</id></label></span></td> <td><BUTTON ID="btnSkip" class="newbuttonsSkip" TABINDEX=-1 ACCESSKEY="S" style="visibility:hidden;"></BUTTON></td>
<td width=10> </td> <td nowrap valign=middle class="text-primary"><span id="NextBtnLocalText" style="visibility:visible;"><label for=btnNext><id id="LocalBtnNext_Text"><u>N</u>ext</id></label></span></td> <td><BUTTON ID="btnNext" class="newbuttonsNext" TABINDEX=4 ACCESSKEY="N" style="visibility:visible;"></BUTTON></td> </tr> </table>
</td> </tr> </table>
</body> </html>
|