home *** CD-ROM | disk | FTP | other *** search
/ Freelog 117 / FreelogNo117-OctobreNovembre2013.iso / Theme / 8GadgetPack / 8GadgetPackSetup.msi / slideShow.js_1 < prev    next >
Text (UTF-16)  |  2012-05-19  |  56KB  |  999 lines
  1. ////////////////////////////////////////////////////////////////////////////////
  2. //
  3. // THIS CODE IS NOT APPROVED FOR USE IN/ON ANY OTHER UI ELEMENT OR PRODUCT COMPONENT.
  4. // Copyright (c) 2009 Microsoft Corporation. All rights reserved.
  5. //
  6. ////////////////////////////////////////////////////////////////////////////////
  7. var L_NONE_TEXT    = "Aucun";
  8. var L_BARN_TEXT    = "Grange";
  9. var L_BLINDS_TEXT    = "Volets";
  10. var L_CHECKERBOARD_TEXT = "Damier";
  11. var L_DISSOLVE_TEXT    = "Dissoudre";
  12. var L_FADE_TEXT    = "Fondu";
  13. var L_INSET_TEXT    = "Incrustation";
  14. var L_PLUS_TEXT    = "Plus";
  15. var L_PIXELATE_TEXT    = "Pixéliser";
  16. var L_RADIALWIPE_TEXT = "Passage radial";
  17. var L_SLIDE_TEXT    = "Glisser";
  18. var L_SPIRAL_TEXT    = "Spirale";
  19. var L_STRETCH_TEXT    = "Étirer";
  20. var L_WIPE_TEXT    = "Balayer";
  21. var L_WHEEL_TEXT    = "Volant";
  22. var L_PREVIOUS_TEXT    = "Précédent";
  23. var L_PLAY_TEXT    = "Lecture";
  24. var L_PAUSE_TEXT    = "Suspendre";
  25. var L_NEXT_TEXT    = "Suivant";
  26. var L_VIEW_TEXT    = "Affichage";
  27. var L_SECONDS_TEXT    = "secondes";
  28. var L_MINUTES_TEXT    = "minutes";
  29. var L_MINUTE_TEXT    = "Minute";
  30. var L_PICTURESLIBNAME_TEXT = "Bibliothèque d’images";
  31. var L_PICTURESNAME_TEXT = "Échantillons d’images";
  32. var L_CHOOSEFOLDER_TEXT    = "Afficher les éléments de ce dossier dans le diaporama :";
  33.  
  34. // LOCCOMMENT:: DO NOT LOCALIZE THIS STRING... THIS IS A GUID CORRESPONDING TO PICTURES LIBRARY
  35. var FOLDERID_PICTURELIBRARY = "{A990AE9F-A03B-4e80-94BC-9912D7504104}";
  36.  
  37. var pictureArray    = new Array();
  38. var selectArray    = new Array();
  39. var slideTimeArray    = new Array(
  40.     ["5 " + L_SECONDS_TEXT, 5],
  41.     ["10 " + L_SECONDS_TEXT, 10],
  42.     ["15 " + L_SECONDS_TEXT, 15],
  43.     ["30 " + L_SECONDS_TEXT, 30],
  44.     ["1 " + L_MINUTE_TEXT, 60],
  45.     ["2 " + L_MINUTES_TEXT, 120],
  46.     ["5 " + L_MINUTES_TEXT, 300]);
  47.  
  48. var fadeEffectName    = new Array(
  49.     L_BARN_TEXT,
  50.     L_BLINDS_TEXT,
  51.     L_CHECKERBOARD_TEXT,
  52.     L_DISSOLVE_TEXT,
  53.     L_FADE_TEXT,
  54.     L_INSET_TEXT,
  55.     L_PLUS_TEXT,
  56.     L_PIXELATE_TEXT,
  57.     L_RADIALWIPE_TEXT,
  58.     L_SLIDE_TEXT,
  59.     L_SPIRAL_TEXT,
  60.     L_STRETCH_TEXT,
  61.     L_WIPE_TEXT,
  62.     L_WHEEL_TEXT);
  63.  
  64. var maxDockedWidth    = 120;
  65. var maxDockedHeight    = 90;
  66. var maxUndockedWidth    = 320;
  67. var maxUndockedHeight = 240;
  68. var gMaxSecondsToShow = 300;
  69. var gSecondsToShow    = 15;
  70. var gSlideFadeEffect    = "";
  71. var counter    = 0;
  72. var increment    = 0;
  73. var gFolderCount    = 0;
  74. var gFolderCountMax    = 500;
  75. var gImageCountMax    = 2000;
  76. var gBarShowing    = false;
  77. var timer;
  78. var slideSettings;
  79. var imagePathAndName;
  80. var pictureDetails;
  81. var heightWidthLoad;
  82. var gPlayingFlag;
  83. var gDropDownPos;
  84. var gPageDir; 
  85. var gUndockFlag;
  86. ////////////////////////////////////////////////////////////////////////////////
  87. //
  88. // SETTINGS
  89. // load settings - populate form 
  90. //
  91. ////////////////////////////////////////////////////////////////////////////////
  92. function BrowseFolder(textBox)
  93. {
  94.     var shellFolder = System.Shell.chooseFolder(L_CHOOSEFOLDER_TEXT, 512);
  95.     if(shellFolder) 
  96.     { 
  97.         selectArray[gDropDownPos] = shellFolder.path
  98.         imagePathSel.value = shellFolder.path;
  99.         dropDownFromBrowse();
  100.         
  101.     }
  102. }
  103. ////////////////////////////////////////////////////////////////////////////////
  104. //
  105. //
  106. ////////////////////////////////////////////////////////////////////////////////
  107. function loadSettings()
  108. { 
  109.     counter = 0;
  110.     slideSettings = new GetSlideshowSettings();    
  111.     dropDownFromBrowse();
  112.     dropDownForFade();
  113.     gDropDownPos = selectArray.length;
  114.     System.Gadget.onSettingsClosing = SettingsClosing;
  115.     slideShowSpeed.value = slideSettings.secondsToShow;
  116.     fadeEffectNameField.value = slideSettings.slideFadeEffect;
  117.     imagePathSel.value = slideSettings.slideFolder;
  118.  
  119.  
  120.     if(slideSettings.includeSubDirectories == "checked")
  121.     {
  122.         includeSubDirectories.checked = true;
  123.     }
  124.     if(slideSettings.shuffleImages == "checked")
  125.     {
  126.         shuffleImages.checked = true;
  127.     }
  128. }
  129. ////////////////////////////////////////////////////////////////////////////////
  130. //
  131. // Gadget specific settings
  132. // determine if gadget is in sidebar - docked or on the desktop - undocked
  133. //
  134. ////////////////////////////////////////////////////////////////////////////////
  135. function dropDownForFade()
  136. {
  137.     fadeEffectNameField.options[0]=new Option(L_NONE_TEXT, "");
  138.     fadeEffectNameField.options[0].title=L_NONE_TEXT;
  139.  
  140.     for(var i=0;i<fadeEffectName.length;i++)
  141.     {
  142.         fadeEffectNameField.options[i+1]=new Option(fadeEffectName[i], i);
  143.         fadeEffectNameField.options[i+1].title=fadeEffectName[i];
  144.     }
  145.     
  146.     for(var i=0;i<slideTimeArray.length;i++)
  147.     {
  148.         slideShowSpeed.options[i]=new Option(slideTimeArray[i][0], slideTimeArray[i][1]);
  149.         slideShowSpeed.options[i].title=slideTimeArray[i][0];
  150.     }
  151. }
  152. ////////////////////////////////////////////////////////////////////////////////
  153. //
  154. // create dynamic drop downlist from pictures directory
  155. //
  156. ////////////////////////////////////////////////////////////////////////////////
  157. function dropDownFromBrowse()
  158. {
  159.     var j=0;
  160.     var startPoint = selectArray.length - 1;
  161.     for(var i = startPoint; i >= 0; i--)
  162.     {
  163.         imagePathSel.options[j] = new Option(selectArray[i], selectArray[i]);
  164.         imagePathSel.options[j].title = selectArray[i];
  165.         j++;
  166.     }
  167.     
  168.     var myPicturesObj = System.Shell.knownFolder("pictures").Self;
  169.     var myPicturesPath = myPicturesObj.path;
  170.     var myPicturesName = myPicturesObj.name;
  171.     imagePathSel.options[selectArray.length] = new Option(myPicturesName, myPicturesPath);
  172.     imagePathSel.options[selectArray.length].title = myPicturesName;
  173.  
  174.     var permanentPath = slideSettings.myPicturesFolder;
  175.     var permanentName = slideSettings.myPicturesName;
  176.     imagePathSel.options[selectArray.length+1] = new Option(permanentName, permanentPath);
  177.     imagePathSel.options[selectArray.length+1].title = permanentName;
  178.  
  179.     var picturesLibraryPath = slideSettings.picturesLibraryFolder;
  180.     var picturesLibraryName = slideSettings.picturesLibraryName;
  181.     imagePathSel.options[selectArray.length+2] = new Option(picturesLibraryName , picturesLibraryPath );
  182.     imagePathSel.options[selectArray.length+2].title = picturesLibraryName;
  183. }
  184. ////////////////////////////////////////////////////////////////////////////////
  185. //
  186. // determine if gadget is visible
  187. //
  188. ////////////////////////////////////////////////////////////////////////////////
  189. function checkVisibility()
  190. {
  191.     isVisible = System.Gadget.visible;
  192.     if(gPlayingFlag)
  193.     {
  194.         if (!isVisible)
  195.         {
  196.             clearInterval(timer);
  197.         }
  198.         if(isVisible)
  199.         {
  200.             startTimer(slideSettings.secondsToShow, "playSlides()");
  201.         }
  202.     }
  203. }
  204. ////////////////////////////////////////////////////////////////////////////////
  205. //
  206. // Gadget specific settings
  207. // determine if gadget is in sidebar - docked or on the desktop - undocked
  208. //
  209. ////////////////////////////////////////////////////////////////////////////////
  210. function checkState()
  211. {
  212.     if(!System.Gadget.docked) 
  213.     {
  214.         undockedState();
  215.     } 
  216.     else if (System.Gadget.docked)
  217.     {
  218.         dockedState(); 
  219.     }
  220. }
  221. ////////////////////////////////////////////////////////////////////////////////
  222. //
  223. //
  224. ////////////////////////////////////////////////////////////////////////////////
  225. function checkHeightWidth()
  226. {
  227.     if(!System.Gadget.docked) 
  228.     {
  229.         var sHeight = maxUndockedHeight;
  230.         var sWidth = maxUndockedWidth;
  231.         heightWidthLoad = "?width="+maxUndockedWidth+"&height="+maxUndockedHeight;
  232.         var temp = document.createElement("img");
  233.         temp.src = "gimage:///" + encodeURIComponent(imagePathAndName) + heightWidthLoad;
  234.         document.body.appendChild(temp);
  235.         if (temp.width > maxUndockedWidth) 
  236.         {    
  237.             sHeight = temp.height * maxUndockedWidth/temp.width;    
  238.         }
  239.         else if (temp.height > maxUndockedHeight) 
  240.         {
  241.             sWidth = temp.width * maxUndockedHeight/temp.height;
  242.         }
  243.         if(temp.width > 0 && temp.height > 0 && temp.width < maxUndockedWidth && temp.height < maxUndockedHeight)
  244.         {
  245.             if (temp.width >= temp.height) //portrait or square
  246.             {
  247.                 sHeight = "";
  248.             }
  249.             if(temp.width <= temp.height) //landscape or square
  250.             {
  251.                 sWidth = temp.width * maxUndockedHeight/temp.height;
  252.             }
  253.         }
  254.         heightWidthLoad = "?width="+sWidth+"&height="+sHeight; 
  255.         document.body.removeChild(document.body.lastChild);    
  256.     } 
  257.     else if (System.Gadget.docked)
  258.     {
  259.         heightWidthLoad = "?width="+maxDockedWidth+"&height="+maxDockedHeight;
  260.     }
  261. }
  262. ////////////////////////////////////////////////////////////////////////////////
  263. //
  264. // styles for gadget when UNDOCKED
  265. //
  266. ////////////////////////////////////////////////////////////////////////////////
  267. function undockedState()
  268. {
  269.     gUndockFlag = true;
  270.     with(document.body.style)
  271.         width=360, 
  272.         height=280;
  273.  
  274.     with(slideshowBg.style)
  275.         width=360, 
  276.         height=280;
  277.     slideshowBg.src="url(images/on_desktop/slideshow_glass_frame.png)";
  278.  
  279.     with(bar.style)
  280.         width=112,
  281.         height=23,
  282.         top=220,
  283.         left=119;
  284.  
  285.     with(pictureFrame.style)
  286.         top=16,left=17,width=320, height=240;
  287.         
  288.     if(imagePathAndName != undefined)
  289.     { 
  290.         scaleImageForDisplay();
  291.     }
  292. }
  293. ////////////////////////////////////////////////////////////////////////////////
  294. //
  295. // styles for gadget when DOCKED
  296. // 
  297. ////////////////////////////////////////////////////////////////////////////////
  298. function dockedState()
  299. { 
  300.     with(document.body.style)
  301.         width=130,
  302.         height=100;
  303.  
  304.     with(slideshowBg.style)
  305.         width=130,
  306.         height=100;
  307.     slideshowBg.src="url(Images/in_sidebar/slideshow_glass_frame.png)";
  308.  
  309.     with(bar.style)
  310.         width=112,
  311.         height=23,
  312.         top=68,
  313.         left=7;
  314.  
  315.     with(pictureFrame.style)
  316.         top=5,left=4,width=120, height=90;
  317.         
  318.     if(imagePathAndName != undefined)
  319.     { 
  320.         scaleImageForDisplay();
  321.     }        
  322. }
  323. ////////////////////////////////////////////////////////////////////////////////
  324. //
  325. // functions/events to do when settings page is about to close
  326. //
  327. ////////////////////////////////////////////////////////////////////////////////
  328. function SettingsClosing(event)
  329. {
  330.     if (event.closeAction == event.Action.commit)
  331.     {
  332.         System.Gadget.Settings.write("GadgetViewed","yes");
  333.         SaveSettings();
  334.     }
  335.     else if(event.closeAction == event.Action.cancel)
  336.     {
  337.     }
  338.     event.cancel = false;
  339. }
  340. ////////////////////////////////////////////////////////////////////////////////
  341. //
  342. // save the new settings
  343. //
  344. ////////////////////////////////////////////////////////////////////////////////
  345. function SaveSettings()
  346. { 
  347.     if(includeSubDirectories.checked)
  348.     {
  349.         slideSettings.includeSubDirectories = "checked";
  350.     }
  351.     else
  352.     {
  353.         slideSettings.includeSubDirectories = "unchecked";
  354.     }
  355.     if(shuffleImages.checked)
  356.     {
  357.         slideSettings.shuffleImages = "checked";
  358.     }
  359.     else
  360.     {
  361.         slideSettings.shuffleImages = "unchecked";
  362.     }
  363.     slideSettings.slideFolder = imagePathSel.value;
  364.     slideSettings.slideFadeEffect = fadeEffectNameField.value;
  365.     slideSettings.secondsToShow = slideShowSpeed.value; 
  366.     SetSlideshowSettings(slideSettings);
  367. }
  368. ////////////////////////////////////////////////////////////////////////////////
  369. //
  370. // settings getter
  371. //
  372. ////////////////////////////////////////////////////////////////////////////////
  373. function GetSlideshowSettings()
  374. {
  375.     var samplePictPath    = System.Environment.getEnvironmentVariable("Public");
  376.     this.picturesLibraryFolder    = System.Shell.knownFolderPath(FOLDERID_PICTURELIBRARY);
  377.     this.picturesLibraryName    = L_PICTURESLIBNAME_TEXT ;
  378.     this.myPicturesFolder    = samplePictPath + "\\Pictures\\Sample Pictures";
  379.     this.myPicturesName    = L_PICTURESNAME_TEXT;
  380.     this.slideFolder    = System.Gadget.Settings.read("Folder");
  381.     this.includeSampleFolder    = System.Gadget.Settings.read("SampleFolder");
  382.     this.includeSubDirectories = System.Gadget.Settings.read("SubDirectories");
  383.     this.shuffleImages    = System.Gadget.Settings.read("shuffleImages");
  384.     this.slideFadeEffect    = gSlideFadeEffect;
  385.     this.secondsToShow    = gSecondsToShow;
  386.     this.savedPathCount    = System.Gadget.Settings.read("savedPathCount");
  387.     this.gadgetViewed    = System.Gadget.Settings.read("GadgetViewed");
  388.     
  389.     if(this.savedPathCount > 0)
  390.     {
  391.         for(var i = 0; i < this.savedPathCount; i++)
  392.         {
  393.             var pathName = "savedPath"+i;
  394.             selectArray.push(System.Gadget.Settings.read(pathName));
  395.         }
  396.     }
  397.     var fadeEffectNumCheck    = parseInt(System.Gadget.Settings.read("FadeEffect"));
  398.     if(!isNaN(fadeEffectNumCheck))
  399.     {
  400.         if(fadeEffectNumCheck >= 0 && fadeEffectNumCheck < fadeEffectName.length)
  401.         {
  402.             this.slideFadeEffect = fadeEffectNumCheck;
  403.         }
  404.     }
  405.     var secondsNumCheck    = parseInt(System.Gadget.Settings.read("HowOften"));
  406.     if(!isNaN(secondsNumCheck))
  407.     {        
  408.         if(secondsNumCheck >= 0 && secondsNumCheck <= gMaxSecondsToShow)
  409.         {
  410.             this.secondsToShow = secondsNumCheck;
  411.         }
  412.     }
  413.     if (this.slideFolder == "")
  414.     {
  415.         this.slideFolder = this.picturesLibraryFolder;
  416.     }
  417.     if(this.includeSubDirectories == "")
  418.     {
  419.         this.includeSubDirectories="checked";
  420.     }
  421.     if(this.includeSampleFolder == "")
  422.     {
  423.         this.includeSampleFolder="checked";
  424.     }
  425. }
  426. ////////////////////////////////////////////////////////////////////////////////
  427. //
  428. // settings setter
  429. //
  430. ////////////////////////////////////////////////////////////////////////////////
  431. function SetSlideshowSettings(settings)
  432. {
  433.     System.Gadget.Settings.write("SampleFolder", settings.includeSampleFolder);
  434.     System.Gadget.Settings.write("SubDirectories", settings.includeSubDirectories);
  435.     System.Gadget.Settings.write("shuffleImages", settings.shuffleImages);
  436.     System.Gadget.Settings.write("Folder", settings.slideFolder);
  437.     System.Gadget.Settings.write("HowOften", settings.secondsToShow);
  438.     System.Gadget.Settings.write("FadeEffect", settings.slideFadeEffect);
  439.     var lastIndex = 0;
  440.     for(var i = 0; i<selectArray.length; i++)
  441.     {
  442.         var pathName = "savedPath" + i;
  443.         System.Gadget.Settings.write(pathName, selectArray[i]);
  444.         lastIndex++;
  445.     }
  446.     System.Gadget.Settings.write("savedPathCount", lastIndex);
  447. }
  448. ////////////////////////////////////////////////////////////////////////////////
  449. //
  450. // GADGET FUNCTIONS
  451. //
  452. ////////////////////////////////////////////////////////////////////////////////
  453. function loadMain()
  454. {
  455.     checkState();
  456.     System.Gadget.settingsUI = "settings.html";
  457.     System.Gadget.onSettingsClosed = SettingsClosed;
  458.     System.Gadget.onUndock = checkState;
  459.     System.Gadget.onDock = checkState;
  460.     
  461.     // make the navigation bar
  462.     gPageDir = document.getElementsByTagName("html")[0].dir; 
  463.     if (gPageDir == "rtl")
  464.     {
  465.         bar.innerHTML = "next play pause prev - reveal";
  466.     }
  467.     else
  468.     {
  469.         bar.innerHTML = "prev play pause next - reveal";
  470.     }
  471.     makeBar(bar);
  472.     setAltLabels(); 
  473.     bar_play.style.display="none";
  474.     bar_pause.style.display="";
  475.  
  476.     // clear picture array populate with selected folder and it's sub-directories
  477.     slideSettings = new GetSlideshowSettings();
  478.     imagePathAndName=slideSettings.slideFolder;    
  479.     if(slideSettings.gadgetViewed == "")
  480.     { 
  481.         imagePathAndName = System.Gadget.path + "\\images\\Tulip.jpg";
  482.         checkState(); 
  483.         checkHeightWidth();
  484.         picture.src = "gimage:///" + encodeURIComponent(imagePathAndName) + heightWidthLoad; 
  485.         link_reveal.href = "file:///" + imagePathAndName;
  486.         startTimer(15, "loadData()");
  487.     }
  488.     else
  489.     {
  490.         startTimer(.25, "loadData()");
  491.     }
  492. }
  493. ////////////////////////////////////////////////////////////////////////////////
  494. //
  495. // GADGET FUNCTIONS
  496. //
  497. ////////////////////////////////////////////////////////////////////////////////
  498. function loadData()
  499. {        
  500.  
  501.     // clear picture array populate with selected folder and it's sub-directories
  502.     makePicList(slideSettings.slideFolder);
  503.     
  504.     // start the slide show
  505.     increment = 0; 
  506.     playSlides();
  507.     gPlayingFlag = true;
  508.     startTimer(slideSettings.secondsToShow, "playSlides()");
  509.     System.Gadget.visibilityChanged = checkVisibility;
  510. }
  511. ////////////////////////////////////////////////////////////////////////////////
  512. //
  513. // slideshow's main timer for displaying pictures
  514. //
  515. ////////////////////////////////////////////////////////////////////////////////
  516. function startTimer(slideTime, timeFunction) 
  517. {
  518.     clearInterval(timer);
  519.     if(slideTime >= 0)
  520.     {
  521.         if(!isNaN(parseInt(slideSettings.slideFadeEffect)))
  522.         {
  523.             var slideTime = parseInt(slideTime + 1);
  524.         }
  525.         timer = setInterval(timeFunction, slideTime * 1000);
  526.     }
  527. }
  528. ////////////////////////////////////////////////////////////////////////////////
  529. //
  530. // creates navigation bar
  531. //
  532. ////////////////////////////////////////////////////////////////////////////////
  533. function makeBar(controlsString)
  534. {
  535.     var controlsArray=controlsString.innerText.split(" ");
  536.     var controlName;
  537.     var newImageToAdd;
  538.     var newLabelToAdd;
  539.     var labelsForRollovers = "";
  540.     var imageRollovers = "<div id='backBar'></div><div id='topBar'>";
  541.     var i=0;
  542.     while(controlName=controlsArray[i++])
  543.     {
  544.         var controlNameAction = controlName;
  545.         if(gPageDir == "rtl")
  546.         {
  547.             if (controlName == "next")
  548.             {
  549.                 controlNameAction = "prev";
  550.             }
  551.             if(controlName == "prev")
  552.             {
  553.                 controlNameAction = "next";
  554.             }
  555.         }
  556.         if (controlName=="-")
  557.         {
  558.             newImageToAdd = "";
  559.         }
  560.         else if (controlName=="reveal")
  561.         {
  562.             newImageToAdd = "<a id='link_" + controlNameAction + "' href='javascript:void(0);' onClick='this.blur();'>"
  563.                 + "<img border=0 id='bar_" + controlNameAction + "' hspace='3' src='images/"+controlName+"_rest.png' "
  564.                 + "onMouseOver='src=\"images/" + controlName + "_hov.png\"' onMouseOut='src=\"images/" + controlName + "_rest.png\"' "
  565.                 + "onMouseDown='src=\"images/" + controlName + "_down.png\"' onMouseUp='src=\"images/" + controlName + "_hov.png\"'"
  566.                 + " \>"
  567.                 + "</a>";
  568.             newLabelToAdd = "<label for='link_"+controlName+"'>"+controlName+"</label>";
  569.         }
  570.         else
  571.         {
  572.             newImageToAdd = "<a id='link_" + controlNameAction + "' href='javascript:void(0);' onClick='this.blur();'>"
  573.                 + "<img border=0 id='bar_" + controlNameAction + "' hspace='3' src='images/"+controlName+"_rest.png' "
  574.                 + "onMouseOver='src=\"images/" + controlName + "_hov.png\"' onMouseOut='src=\"images/" + controlName + "_rest.png\"' "
  575.                 + "onMouseDown='src=\"images/" + controlName + "_down.png\"' onMouseUp='src=\"images/" + controlName + "_hov.png\";"
  576.                 + "onAction(\"" + controlNameAction + "\");' \>"
  577.                 + "</a>";
  578.             newLabelToAdd = "<label for='link_"+controlName+"'>"+controlName+"</label>";
  579.         }
  580.         imageRollovers += newImageToAdd;
  581.         labelsForRollovers += newLabelToAdd;
  582.     }
  583.     imageRollovers += "</div>";
  584.     controlsString.innerHTML=imageRollovers;
  585.     labelHolder.innerHTML=labelsForRollovers;    
  586.     if (gPageDir == "rtl")
  587.     {
  588.         backBar.style.filter="flipH()";
  589.         bar_reveal.style.marginRight = "5px";
  590.         topBar.style.left = "-5px";
  591.     }
  592. }
  593. ////////////////////////////////////////////////////////////////////////////////
  594. //
  595. // set's alt tabs for navigation;
  596. //
  597. ////////////////////////////////////////////////////////////////////////////////
  598. function setAltLabels()
  599. {
  600.     bar_prev.setAttribute("alt",L_PREVIOUS_TEXT);
  601.     bar_play.setAttribute("alt",L_PLAY_TEXT);
  602.     bar_pause.setAttribute("alt",L_PAUSE_TEXT);
  603.     bar_next.setAttribute("alt",L_NEXT_TEXT);
  604.     bar_reveal.setAttribute("alt",L_VIEW_TEXT);
  605. }
  606. ////////////////////////////////////////////////////////////////////////////////
  607. //
  608. // navigation controls
  609. //
  610. ////////////////////////////////////////////////////////////////////////////////
  611. function onAction(action)
  612. {
  613.     if (event.button == 2 || event.button == 3)
  614.     {
  615.         return false
  616.     }
  617.     else
  618.     {
  619.         var flagPlay = false;
  620.         switch(action)
  621.         {
  622.             case "prev":
  623.                 if (bar_play.style.display == "")
  624.                 {
  625.                     bar_play.style.display="none";
  626.                     bar_pause.style.display="";
  627.                 }
  628.                 increment = increment - 2;
  629.                 startTimer(slideSettings.secondsToShow, "playSlides()")
  630.                 flagPlay = true;
  631.                 gPlayingFlag = true;
  632.                 break;
  633.             case "play":
  634.                 bar_play.style.display="none";
  635.                 bar_pause.style.display="";
  636.                 startTimer(slideSettings.secondsToShow, "playSlides()")
  637.                 flagPlay = true;
  638.                 gPlayingFlag = true;
  639.                 break;
  640.             case "pause":
  641.                 clearInterval(timer);
  642.                 bar_play.style.display="";
  643.                 bar_pause.style.display="none";
  644.                 gPlayingFlag = false ;
  645.                 break; 
  646.             case "next":
  647.                 if (bar_play.style.display == "")
  648.                 {
  649.                     bar_play.style.display="none";
  650.                     bar_pause.style.display="";
  651.                 }
  652.                 startTimer(slideSettings.secondsToShow, "playSlides()")
  653.                 flagPlay = true;
  654.                 gPlayingFlag = true;
  655.                 break;
  656.     }
  657.     }
  658.     if(flagPlay)
  659.     {
  660.         playSlides();
  661.         startTimer(slideSettings.secondsToShow, "playSlides()");
  662.     }
  663. }
  664. ////////////////////////////////////////////////////////////////////////////////
  665. //
  666. // picture list creator controller
  667. //
  668. ////////////////////////////////////////////////////////////////////////////////
  669. function makePicList(curFolderPath)
  670. { 
  671.     pictureArray.splice(0,pictureArray.length);
  672.     gFolderCount = 0;
  673.     addToPicList(curFolderPath);
  674.     if(slideSettings.shuffleImages == "checked")
  675.     {
  676.         pictureArray.sort(randomSort);
  677.     }
  678. }
  679. ////////////////////////////////////////////////////////////////////////////////
  680. //
  681. // Sort Function
  682. //
  683. ////////////////////////////////////////////////////////////////////////////////
  684. function randomSort()
  685. {
  686.     return Math.random() - 0.5;
  687. }
  688. ////////////////////////////////////////////////////////////////////////////////
  689. //
  690. // picture list creator
  691. //
  692. ////////////////////////////////////////////////////////////////////////////////
  693. function addToPicList(curFolderPath)
  694. { 
  695.     try
  696.     {
  697.         var curFolderObject = System.Shell.itemFromPath(curFolderPath); 
  698.     }
  699.     catch(e)
  700.     {
  701.         return null;
  702.     }
  703.     var curImageItemsFromPath = curFolderObject.SHFolder.Items;
  704.     if(curFolderObject.type != "Compressed (zipped) Folder")
  705.     {
  706.         var pictureLimit = curImageItemsFromPath.count;
  707.         if(pictureLimit > gImageCountMax)
  708.         {
  709.             pictureLimit = gImageCountMax;
  710.         }
  711.         for(var i=0;i<pictureLimit;i++)
  712.         {
  713.             var curImagePath    = curImageItemsFromPath.item(i).path;
  714.             var curImageIsLink    = curImageItemsFromPath.item(i).isLink;
  715.             var curImageIsFolder    = curImageItemsFromPath.item(i).isFolder;
  716.             var imageNameArray    = new Array(".jpg", ".jpeg", ".jpe", ".gif", ".png", ".bmp"); 
  717.             if(!curImageIsFolder)
  718.             {
  719.                 var flagFoundImageType = false;                
  720.                 var curImageExtension = curImagePath.substr(curImagePath.lastIndexOf("."));
  721.                 if(curImageExtension)
  722.                 {
  723.                     curImageExtension = curImageExtension.toLowerCase();
  724.                 }
  725.                 for(var j=0;j<imageNameArray.length;j++)
  726.                 {
  727.                     var tempNameFromArray = imageNameArray[j];
  728.                     if (curImageExtension == tempNameFromArray)
  729.                     { 
  730.                         flagFoundImageType = true;
  731.                         break;
  732.                     }
  733.                 }
  734.                 if(flagFoundImageType)
  735.                 {
  736.                     pictureArray.push(curImagePath);
  737.                 }
  738.             }
  739.         }
  740.         if(slideSettings.includeSubDirectories == "checked" && gFolderCount <= gFolderCountMax)
  741.         {
  742.             for(var i=0;i<curImageItemsFromPath.count;i++)
  743.             {
  744.                 var curImagePath    = curImageItemsFromPath.item(i).path;
  745.                 var curImageIsFolder    = curImageItemsFromPath.item(i).isFolder;
  746.                 if(curImageIsFolder)
  747.                 { 
  748.                     gFolderCount++
  749.                     addToPicList(curImagePath);
  750.                 }
  751.             }
  752.         }
  753.         
  754.     }
  755.     curFolderObject = null;
  756.     return null;
  757. }
  758. ////////////////////////////////////////////////////////////////////////////////
  759. //
  760. // picture display
  761. //
  762. ////////////////////////////////////////////////////////////////////////////////
  763. function playSlides()
  764. {
  765.     var retry = true;
  766.     var remadeList = false;
  767.     
  768.     while(retry)
  769.     {
  770.         if (increment >= pictureArray.length)
  771.         {
  772.             if (!remadeList)
  773.             {
  774.                 makePicList(slideSettings.slideFolder);
  775.                 increment = 0;
  776.                 remadeList = true;
  777.             }
  778.             else
  779.             {
  780.                 pictureArray.splice(0, pictureArray.length);
  781.             }
  782.         }
  783.         else if(increment < 0)
  784.         {
  785.             if (!remadeList)
  786.             {
  787.                 makePicList(slideSettings.slideFolder);
  788.                 increment = pictureArray.length - 1;
  789.                 remadeList = true;
  790.             }
  791.             else
  792.             {
  793.                 pictureArray.splice(0, pictureArray.length);
  794.             }
  795.         }
  796.  
  797.         if(pictureArray.length > 0)
  798.         {
  799.             imagePathAndName = pictureArray[increment];
  800.             try
  801.             {
  802.                 System.Shell.itemFromPath(imagePathAndName);
  803.                 increment++;
  804.                 retry = false;
  805.             }
  806.             catch(e)
  807.             {
  808.                 pictureArray.splice(increment, 1);
  809.                 retry = true;
  810.                 continue;
  811.             }
  812.         }
  813.         else
  814.         {
  815.             imagePathAndName = System.Gadget.path+"\\images\\Tulip.jpg";
  816.             loadSlide(false);
  817.             retry = false;
  818.             break;
  819.         }
  820.  
  821.         try
  822.         {
  823.             loadSlide(true);
  824.             retry = false;
  825.             break;
  826.         }
  827.         catch(e)
  828.         {
  829.             increment--;    // undo ++ from above
  830.             pictureArray.splice(increment, 1);
  831.             retry = true;
  832.             continue;
  833.         }
  834.     }
  835. }
  836. ////////////////////////////////////////////////////////////////////////////////
  837. //
  838. // load picture
  839. //
  840. ////////////////////////////////////////////////////////////////////////////////
  841. function loadSlide(transFlag)
  842. {
  843.     var picToGet = imagePathAndName;
  844.     if(transFlag)
  845.     {
  846.         scaleImageForDisplay()
  847.     }
  848.     else
  849.     {
  850.         checkState(); 
  851.         checkHeightWidth();
  852.         picture.src = "gimage:///" + encodeURIComponent(picToGet)+heightWidthLoad;
  853.         link_reveal.href = "file:///" + picToGet;
  854.     }
  855. }
  856. ////////////////////////////////////////////////////////////////////////////////
  857. //
  858. // scale picture
  859. //
  860. ////////////////////////////////////////////////////////////////////////////////
  861. function scaleImageForDisplay()
  862. {        
  863.         if(isNaN(parseInt(slideSettings.slideFadeEffect)) || gUndockFlag)
  864.         { 
  865.             checkHeightWidth();
  866.             picture.src = "gimage:///" + encodeURIComponent(imagePathAndName) + heightWidthLoad; 
  867.             link_reveal.href = "file:///" + imagePathAndName;
  868.             gUndockFlag = false;
  869.         }
  870.         else
  871.         {
  872.             pictureFrame.filters(slideSettings.slideFadeEffect).Apply(); 
  873.             checkHeightWidth(); 
  874.             picture.src = "gimage:///" + encodeURIComponent(imagePathAndName) + heightWidthLoad;    
  875.             link_reveal.href = "file:///" + imagePathAndName; 
  876.             pictureFrame.filters(slideSettings.slideFadeEffect).Play();        
  877.     }
  878.     
  879. }
  880.  
  881. ////////////////////////////////////////////////////////////////////////////////
  882. //
  883. // show navigation bar with fade-in
  884. //
  885. ////////////////////////////////////////////////////////////////////////////////
  886. function showBar()
  887. {
  888.     if(event.fromElement)
  889.     {
  890.         return;
  891.     }
  892.     clearTimeout(bar.timer);
  893.     up();
  894. }
  895. ////////////////////////////////////////////////////////////////////////////////
  896. //
  897. // hide navigation bar with fade-out
  898. //
  899. ////////////////////////////////////////////////////////////////////////////////
  900. function hideBar()
  901. {
  902.     if(event.toElement)
  903.     {
  904.         return;
  905.     }
  906.     clearTimeout(bar.timer);
  907.     down();
  908.     bar.blur();
  909. } 
  910. ////////////////////////////////////////////////////////////////////////////////
  911. //
  912. //
  913. ////////////////////////////////////////////////////////////////////////////////    
  914. function up()
  915. {
  916.     with(bar.filters("alpha"))
  917.     {
  918.         if((opacity+=15)<75)
  919.         {
  920.             bar.timer=setTimeout(up,25);
  921.         }
  922.         else
  923.         {
  924.             opacity=75;
  925.         }
  926.     }
  927. }
  928. ////////////////////////////////////////////////////////////////////////////////
  929. //
  930. //
  931. ////////////////////////////////////////////////////////////////////////////////    
  932. function down()
  933. {
  934.     with(bar.filters("alpha"))
  935.     {
  936.         if((opacity-=15)>0)
  937.         {
  938.             bar.timer=setTimeout(down,25);
  939.         }
  940.         else
  941.         {
  942.             opacity=0;
  943.         }
  944.     }
  945. }
  946. ////////////////////////////////////////////////////////////////////////////////
  947. //
  948. //
  949. ////////////////////////////////////////////////////////////////////////////////
  950. function keyNavigate()
  951. {    
  952.     switch(event.keyCode)
  953.     {
  954.         case 37:
  955.         case 100:
  956.             onAction("prev");
  957.             break;
  958.         case 39:
  959.         case 102:
  960.             onAction("next");
  961.             break;
  962.         case 32: 
  963.         case 13:
  964.             if(event.srcElement.id == "link_next")
  965.             {
  966.                 onAction("next");
  967.             }
  968.             else if(event.srcElement.id == "link_prev")
  969.             {
  970.                 onAction("prev");
  971.             }
  972.             else
  973.             {
  974.                 checkPlayingState();
  975.             }
  976.             break;
  977.         case 9:
  978.             showBar();
  979.             break;
  980.     }
  981. }
  982. ////////////////////////////////////////////////////////////////////////////////
  983. //
  984. //
  985. ////////////////////////////////////////////////////////////////////////////////
  986. function checkPlayingState()
  987. { 
  988.     if(gPlayingFlag)
  989.     {
  990.         onAction("pause");
  991.         gPlayingFlag = false;
  992.     }
  993.     else
  994.     {
  995.         onAction("play");
  996.         gPlayingFlag = true;
  997.     }
  998. }
  999.