home *** CD-ROM | disk | FTP | other *** search
/ Chip 2009 July / Chip_2009.07_CD.iso / I386 / MOUSETUT.JS_ / mousetut.js
Encoding:
Text File  |  2007-01-24  |  11.0 KB  |  461 lines
  1.  
  2.  
  3.  
  4. function InitSimpleNavMap_MouseTut() {
  5.  
  6.     var mousedir="html\\mouse\\";
  7.  
  8.     g_SimpleNavMap.Add("mouse.htm", mousedir+"mouse_a.htm");
  9.     g_SimpleNavMap.Add("mouse_a.htm",mousedir+"mouse_b.htm");
  10.     g_SimpleNavMap.Add("mouse_b.htm",mousedir+"mouse_c.htm");
  11.     g_SimpleNavMap.Add("mouse_c.htm",mousedir+"mouse_d.htm");
  12.     g_SimpleNavMap.Add("mouse_d.htm",mousedir+"mouse_e.htm");
  13.     g_SimpleNavMap.Add("mouse_e.htm",mousedir+"mouse_f.htm");
  14.     g_SimpleNavMap.Add("mouse_f.htm",mousedir+"mouse_g.htm");
  15.     g_SimpleNavMap.Add("mouse_g.htm",mousedir+"mouse_h.htm");
  16.     g_SimpleNavMap.Add("mouse_h.htm",mousedir+"mouse_i.htm");
  17.     g_SimpleNavMap.Add("mouse_i.htm",mousedir+"mouse_j.htm");
  18.     g_SimpleNavMap.Add("mouse_j.htm",mousedir+"mouse_k.htm");
  19. }
  20.  
  21. var curRewardStr=0;
  22.  
  23. var L_RewardStr1_Text="╟α∞σ≈α≥σδⁿφε!";
  24. var L_RewardStr2_Text="├ε≥εΓε!";
  25. var L_RewardStr3_Text="╧εδ≤≈Φδε±ⁿ!";
  26. var L_RewardStr4_Text="╧≡σΓε±⌡εΣφε!";
  27. var L_RewardStr5_Text="▌≥ε ≥αΩ ∩≡ε±≥ε!";
  28. var L_RewardStr6_Text="╟α∞σ≈α≥σδⁿφε!";
  29. var L_RewardStr7_Text="┴≡αΓε!";
  30. var L_RewardStr8_Text="╚τ≤∞Φ≥σδⁿφε!";
  31.  
  32. var RewardStrs = new Array(8);
  33. {
  34.    for(var i=1;i<=8;i++) {
  35.       eval("RewardStrs["+(i-1).toString()+"]=L_RewardStr"+i.toString()+"_Text;");
  36.    }
  37. }
  38.  
  39. function GetRewardStr(i) {
  40.     return RewardStrs[i];
  41. }
  42.  
  43. var ButTouched = new Array(4);
  44.  
  45. function MouseTut_LoadMe()
  46. {
  47.     InitFrameRef('External');
  48.     if (g.btnNext != null)
  49.         g_FirstFocusElement = g.btnNext;
  50.     else if (g.btnSkip != null)
  51.         g_FirstFocusElement = g.btnSkip;
  52.     else if (g.btnBack != null)
  53.         g_FirstFocusElement = g.btnBack;
  54.  
  55.     if (GetCurrentPageName() == "mouse.htm")
  56.     {
  57.         InitNewButtons(null, "SimpleNext");
  58.  
  59.         g.btnSkip.onmouseover = HandleNextButtonMouseOver;
  60.         g.btnSkip.onmouseout  = HandleNextButtonMouseOut;
  61.         g.btnSkip.onmousedown = HandleNextButtonMouseDown;
  62.         g.btnSkip.className   = "newbuttonsNext";
  63.     }
  64.     else
  65.         InitNewButtons("SimpleBack", "SimpleNext");
  66.  
  67.     if (g_FirstFocusElement != null)
  68.         g_FirstFocusElement.focus();
  69.     else
  70.         g.document.body.focus();
  71. }
  72.  
  73. var g_MouseImgDir="images/";
  74.  
  75. function HandleButMouseUp() {
  76.     if(this.tagName=="IMG") {
  77.       if(g.event.button!=1) {
  78.          return;
  79.       }
  80.       var butnumchar=this.id.substr(3,1);
  81.       this.src=g_MouseImgDir+"but"+butnumchar+"_up.gif";
  82.     }
  83. }
  84.  
  85. function HandleButMouseDown() {
  86.     if(this.tagName=="IMG") {
  87.       if(g.event.button!=1) {
  88.          return;
  89.       }
  90.       var butnumchar=this.id.substr(3,1);
  91.       this.src=g_MouseImgDir+"but"+butnumchar+"_dwn.gif";
  92.     }
  93. }
  94.  
  95. function HandleButMouseOut() {
  96.     if(this.tagName=="IMG") {
  97.       var butnumchar=this.id.substr(3,1);
  98.       var butnum=parseInt(butnumchar);
  99.  
  100.       this.src=g_MouseImgDir+"but"+butnumchar+"_idl.gif";
  101.       eval("g.rtxt"+butnumchar+".style.display='none';");
  102.       ButTouched[butnum]=false;
  103.     }
  104. }
  105.  
  106.  
  107. function HandleButMouseOver() {
  108.     if(this.tagName=="IMG") {
  109.       var butnumchar=this.id.substr(3,1);
  110.       var butnum=parseInt(butnumchar);
  111.  
  112.       if(g.event.button==1) {
  113.           this.src=g_MouseImgDir+"but"+butnumchar+"_dwn.gif";
  114.       } else {
  115.           this.src=g_MouseImgDir+"but"+butnumchar+"_up.gif";
  116.       }
  117.  
  118.      if(!ButTouched[butnum]) {
  119.         ButTouched[butnum]=true;
  120.         eval("g.rtxt"+butnumchar+".innerText=GetRewardStr("+curRewardStr.toString()+");");
  121.         eval("g.rtxt"+butnumchar+".style.display='inline';");
  122.         curRewardStr=(curRewardStr+1) % RewardStrs.length;
  123.         
  124.         
  125.  
  126.         try {
  127.             Agent_MouseOver(g.event.srcElement);
  128.         }
  129.         
  130.         catch(e) {
  131.         }
  132.      }
  133.     }
  134. }
  135.  
  136. function HandleDragEvent() {
  137.     g.event.cancelBubble=true;
  138.     g.event.returnValue=false;
  139.     return false;
  140. }
  141.  
  142.  
  143.  
  144. function setToolBarButtonHandlers(but1,PageChar) {
  145.   
  146.   if(PageChar=="E") {
  147.     but1.onmouseover=HandleButMouseOver_PageE;
  148.     but1.onmousedown=HandleButMouseDown_PageE;
  149.     but1.onmousemove=HandleButMouseOver_PageE;
  150.     but1.onmouseup=HandleButMouseUp_PageE;
  151.   } else {
  152.     but1.onmouseover=HandleButMouseOver;
  153.     but1.onmousedown=HandleButMouseDown;
  154.     but1.onmousemove=HandleButMouseOver;
  155.     but1.onmouseup=HandleButMouseUp;
  156.   }
  157.  
  158.   but1.onmouseout=HandleButMouseOut;
  159.   but1.ondragover=HandleDragEvent;
  160.   but1.ondragenter=HandleDragEvent;
  161. }
  162.  
  163. function MouseTut_LoadMe_PageC() {
  164.   MouseTut_LoadMe();
  165.  
  166.   for(var i=0;i<ButTouched.length;i++)
  167.       ButTouched[i]=false;
  168.  
  169.   setToolBarButtonHandlers(g.but1);
  170.   setToolBarButtonHandlers(g.but2);
  171.   setToolBarButtonHandlers(g.but3);
  172.   setToolBarButtonHandlers(g.but4);
  173. }
  174.  
  175. function HandleButMouseOver_PageE() {
  176.     if(this.tagName=="IMG") {
  177.       var butnumchar=this.id.substr(3,1);
  178.       var butnum=parseInt(butnumchar);
  179.  
  180.       if(g.event.button==1) {
  181.           this.src=g_MouseImgDir+"but"+butnumchar+"_dwn.gif";
  182.       } else {
  183.           this.src=g_MouseImgDir+"but"+butnumchar+"_up.gif";
  184.       }
  185.     }
  186. }
  187.  
  188. function HandleButMouseDown_PageE() {
  189.    if(this.tagName=="IMG") {
  190.      if(g.event.button!=1) {
  191.         return;
  192.      }
  193.  
  194.       var butnumchar=this.id.substr(3,1);
  195.       var butnum=parseInt(butnumchar);
  196.  
  197.       this.src=g_MouseImgDir+"but"+butnumchar+"_dwn.gif";
  198.  
  199.       if(!ButTouched[butnum]) {
  200.          ButTouched[butnum]=true;
  201.          eval("g.rtxt"+butnumchar+".innerText=GetRewardStr("+curRewardStr.toString()+");");
  202.          eval("g.rtxt"+butnumchar+".style.display='inline';");
  203.          curRewardStr=(curRewardStr+1) % RewardStrs.length;
  204.       }
  205.     }
  206. }
  207.  
  208.  
  209. function HandleButMouseUp_PageE() {
  210.    if(this.tagName=="IMG") {
  211.       if(g.event.button!=1) {
  212.          return;
  213.       }
  214.       var butnumchar=this.id.substr(3,1);
  215.       var butnum=parseInt(butnumchar);
  216.       this.src=g_MouseImgDir+"but"+butnumchar+"_up.gif";
  217.       eval("g.rtxt"+butnumchar+".style.display='none';");
  218.       ButTouched[butnum]=false;
  219.     }
  220. }
  221.  
  222.  
  223. function MouseTut_LoadMe_PageE() {
  224.   MouseTut_LoadMe();
  225.  
  226.   for(var i=0;i<ButTouched.length;i++)
  227.       ButTouched[i]=false;
  228.  
  229.   setToolBarButtonHandlers(g.but1,"E");
  230.   setToolBarButtonHandlers(g.but2,"E");
  231.   setToolBarButtonHandlers(g.but3,"E");
  232.   setToolBarButtonHandlers(g.but4,"E");
  233.  
  234.  
  235. }
  236.  
  237. var g_MouseTutCityIdx=0;
  238. var g_MouseTutCityStr;
  239.  
  240. function CityFileName(CityName,IsBlackAndWhite) {
  241.   if(IsBlackAndWhite) {
  242.       return g_MouseImgDir+CityName.substr(0,7)+"m.jpg";
  243.   } else {
  244.       return g_MouseImgDir+CityName.substr(0,7)+".jpg";
  245.   }
  246. }
  247.  
  248. function HandleSelCityChange() {
  249.   g_MouseTutCityIdx=g.selCity.selectedIndex;
  250.  
  251.   g_MouseTutCityStr=g.selCity.options(g.selCity.selectedIndex).name;
  252.  
  253.   if(g.selCity.selectedIndex==0) {
  254.      g.cityImg.style.display="none";
  255.      g.noCity.style.display="inline";
  256.   } else {
  257.      g.cityImg.src=CityFileName(g_MouseTutCityStr,false);
  258.      g.noCity.style.display="none";
  259.      g.cityImg.style.display="inline";
  260.   }
  261.  
  262.   g.btnNext.disabled=(g.selCity.selectedIndex==0);
  263.   InitNewButtons("SimpleBack", "SimpleNext");
  264. }
  265.  
  266. function MouseTut_LoadMe_PageG() {
  267.   InitFrameRef('External');
  268.  
  269.   g_FirstFocusElement = g.selCity;
  270.  
  271.   g.selCity.onchange = HandleSelCityChange;
  272.  
  273.   HandleSelCityChange();
  274.  
  275.   g_FirstFocusElement.focus();
  276. }
  277.  
  278. var g_BW_selected=false;
  279.  
  280. function MouseTut_LoadMe_PageH() {
  281.   InitFrameRef('External');
  282.  
  283.   g.bwsel.checked=g_BW_selected;
  284.   g.colorsel.checked=!g_BW_selected;
  285.  
  286.   if(g_MouseTutCityStr==null) {
  287.      g_MouseTutCityStr="Verona"; 
  288.   }
  289.  
  290.   g.cityImg.src=CityFileName(g_MouseTutCityStr,g_BW_selected);
  291.   if(g_BW_selected)
  292.      g_FirstFocusElement = g.bwsel;
  293.    else g_FirstFocusElement = g.colorsel;
  294.  
  295.   InitNewButtons("SimpleBack", "SimpleNext");
  296.  
  297.   g.colorsel.onclick = PageH_radioClicked;
  298.   g.bwsel.onclick = PageH_radioClicked;
  299.  
  300.   g_FirstFocusElement.focus();
  301. }
  302.  
  303. function PageH_radioClicked()
  304. {
  305.     try
  306.     {
  307.         if (g.event == null)
  308.             return;
  309.     }
  310.     catch(e)
  311.     {
  312.         return;
  313.     }
  314.  
  315.     g_BW_selected=g.bwsel.checked;
  316.  
  317.     g.cityImg.src=CityFileName(g_MouseTutCityStr,g_BW_selected);
  318.  
  319.     InitNewButtons("SimpleBack", "SimpleNext");
  320. }
  321.  
  322. var g_MatSelected=false;
  323. var g_FrameSelected=false;
  324. var g_BorderSelected=false;
  325.  
  326. function setCityImgBorders() {
  327.     if(g_MatSelected) {
  328.        g.mat_table.bgColor="sandybrown";
  329.        g.mat_table.style.border="thick solid sandybrown"
  330.     } else {
  331.        g.mat_table.bgColor="";
  332.        g.mat_table.style.border="";
  333.     }
  334.  
  335.     if(g_FrameSelected) {
  336.        g.frametable.bgColor="sienna";
  337.        g.frameclrcel.style.border="thick inset sienna"
  338.     } else {
  339.        g.frametable.bgColor="";
  340.        g.frameclrcel.style.border="";
  341.     }
  342.  
  343.     if(g_BorderSelected) {
  344.         g.cityImg.style.border="thin solid black";
  345.     } else {
  346.         g.cityImg.style.border="";
  347.     }
  348. }
  349.  
  350. function PageI_chkboxClicked() {
  351.     g_MatSelected=g.mattesel.checked;
  352.     g_BorderSelected=g.bordersel.checked;
  353.     g_FrameSelected=g.framesel.checked;
  354.  
  355.     setCityImgBorders();
  356.  
  357.     InitNewButtons("SimpleBack", "SimpleNext");
  358. }
  359.  
  360. function MouseTut_LoadMe_PageI() {
  361.   InitFrameRef('External');
  362.  
  363.   g.mattesel.checked=g_MatSelected;
  364.   g.framesel.checked=g_FrameSelected;
  365.   g.bordersel.checked=g_BorderSelected;
  366.  
  367.   if(g_MouseTutCityStr==null) {
  368.    
  369.      g_MouseTutCityStr="Bulzano";
  370.      g_BW_selected=true;
  371.   }
  372.  
  373.   g.cityImg.src=CityFileName(g_MouseTutCityStr,g_BW_selected);
  374.  
  375.   setCityImgBorders();
  376.  
  377.   g_FirstFocusElement = g.bordersel;
  378.  
  379.   InitNewButtons("SimpleBack", "SimpleNext");
  380.  
  381.   g.mattesel.onclick=PageI_chkboxClicked;
  382.   g.framesel.onclick=PageI_chkboxClicked;
  383.   g.bordersel.onclick=PageI_chkboxClicked;
  384.  
  385.   g_FirstFocusElement.focus();
  386. }
  387.  
  388. var g_CityCaptionStr="";
  389.  
  390. function HandleCityCaptionChange() {
  391.  g_CityCaptionStr =g.caption.value;
  392. }
  393.  
  394. function MouseTut_LoadMe_PageJ() {
  395.   InitFrameRef('External');
  396.  
  397.   if(g_MouseTutCityStr==null) {
  398.    
  399.      g_MouseTutCityStr="Bulzano";
  400.      g_BW_selected=true;
  401.      g_MatSelected=true;
  402.      g_FrameSelected=true;
  403.      g_BorderSelected=true;
  404.   }
  405.  
  406.   g.cityImg.src=CityFileName(g_MouseTutCityStr,g_BW_selected);
  407.  
  408.   g.caption.value=g_CityCaptionStr;
  409.  
  410.   setCityImgBorders();
  411.  
  412.   g_FirstFocusElement = g.caption;
  413.  
  414.   InitNewButtons("SimpleBack", "SimpleNext");
  415.  
  416.   g.caption.onchange=HandleCityCaptionChange;
  417.  
  418.   g_FirstFocusElement.focus();
  419. }
  420.  
  421. function MouseTut_LoadMe_PageK() {
  422.   InitFrameRef('External');
  423.  
  424.   if(g_MouseTutCityStr==null) {
  425.    
  426.      g_MouseTutCityStr="Bulzano";
  427.      g_BW_selected=true;
  428.      g_MatSelected=true;
  429.      g_FrameSelected=true;
  430.      g_BorderSelected=true;
  431.      var L_CaptionString_Text = "╩ε∞αφΣα Steelers Φτ ╧Φ≥≥±ß≤≡πα ∩≡εΦπ≡√Γασ≥ Ωε∞αφΣσ Seahawks Φτ ╤Φ²≥δα.";
  432.      g_CityCaptionStr = L_CaptionString_Text;
  433.   }
  434.  
  435.   var re = new RegExp("^\\s*$");
  436.  
  437.    
  438.   if(re.exec(g.caption.value) == null) {
  439.     g.captioncell.style.display="inline";
  440.   }
  441.  
  442.   
  443.   
  444.  
  445.   g.cityImg.src=CityFileName(g_MouseTutCityStr,g_BW_selected);
  446.  
  447.   g.caption.innerText=g_CityCaptionStr;
  448.  
  449.   setCityImgBorders();
  450.  
  451.  
  452.  
  453.  
  454.   g_FirstFocusElement = g.btnNext;
  455.  
  456.   InitNewButtons("SimpleBack");
  457.  
  458.   g_FirstFocusElement.focus();
  459. }
  460.  
  461.