1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

iWeb: Direkt in die Diashow ?

Dieses Thema im Forum "WYSIWYG-Editoren" wurde erstellt von Corvi, 30.06.08.

  1. Corvi

    Corvi Alkmene

    Dabei seit:
    20.11.07
    Beiträge:
    33
    Ich bin gerade dabei mir in iWeb ein neues Portfolio zu basteln nur hab ich da ein kleines Problem das ich gern umgehen würde.

    Wenn ich ein Album erstelle, und dieses dann Öffne komme ich standardmäßig in eine Übersicht wo ich alle Bilder des Albums aufgereiht sehe. Wenn ich aber ein Bild anklicke komme ich in eine Art "Diashow".
    Nun, den Schritt von Übersicht nach Diashow würde ich gerne umgehen, so das ich wenn ich das Album öffne direkt in der Diashow Ansicht lande. Ich hoffe ihr wisst was ich meine.
    Lässt sich das machen oder muss ich nachträglich mit einem HTML editor nachträglich die Pfade ändern ?

    Die Url im "trockenen" sieht so aus :

    /Website/Galerie/Galerie.html - Albenübersicht
    /Website/Galerie/Seiten/Fashion.html - Im Album, die Bilderübersicht
    /Website/Galerie/Seiten/Fashion.html#0 - Das erste Bild angeklickt, Diashow Ansicht.

    Was ich will ist von #1 direkt in #3.

    Hab mal schnell Bilder gemacht von dem was ich mein.

    #1 http://img178.imageshack.us/img178/651/bild7pv9.png <- Da fängts an.

    #2 http://img511.imageshack.us/img511/4753/bild8ou2.png <- Das will ich vermeiden.

    #3 http://img122.imageshack.us/img122/8429/bild9xw8.png <- Da will ich gleich hin.

    Danke schonmal :)
     
  2. Corvi

    Corvi Alkmene

    Dabei seit:
    20.11.07
    Beiträge:
    33
    Niemand eine Idee ?
     
  3. sam23

    sam23 Golden Delicious

    Dabei seit:
    19.01.10
    Beiträge:
    7
    Ich hab genau das gleiche Problem! Kann uns irgendjemand Helfen?? Bitte!!
     
  4. PDM

    PDM Ingrid Marie

    Dabei seit:
    11.08.09
    Beiträge:
    271
    also in iWeb wird das wohl nur funktionieren wenn man am Code rumschraubt und das ist ja wohl nichts für Euch, oder ?.

    Dann eine ext. Diashow in iWeb einbauen. Da gibt es eine Menge, welche paßt ?? Keine Ahnung, ich nutze keine
    Dia Shows ... mir fällt so ein: SImple Viewer, Lightbox (siehe Hier)

    Ist aber mit Arbeit verbunden. Ist es Euch das wert ?. :)

    Ach so ..., ob das dann wie gewünscht funktioniert ?. Macht Euch selber schlau ...
     
  5. dawiinci

    dawiinci Becks Apfel (Emstaler Champagner)

    Dabei seit:
    16.10.08
    Beiträge:
    329
    Ich bin ebenfalls auf der Suche nach einer Lösung. Theoretisch dürfte es wohl gehen und ist um einiges sinnvoller, als externe Diashows womöglich noch auf Flash-Basis einzufügen.

    Der Link zur Diashow ruft ein Javascript auf. (javascript:widget1.playSlideshow())

    Vermutlich übergibt dieser Link ./Media/slideshow.html die Bilder.


    slideshow.html (Popup)
    Code:
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
            <title>slideshow</title>
    
    <script type="text/javascript">
    // <![CDATA[
    if(navigator.userAgent.match(/iPhone/))
    {
        location = 'phoneshow.html' + location.search;
    }
    // ]]>
    </script>
    
    <link href="iWPopUpSlideshow.css" rel="stylesheet" type="text/css" />
    
    <script type="text/javascript" src="../Scripts/iWebSite.js"></script> 
    <script type="text/javascript" src="../Scripts/iWebImage.js"></script> 
    <script type="text/javascript" src="../Scripts/iWPopUpSlideshow.js"></script> 
    <script type="text/javascript" src="../Scripts/iWebMediaGrid.js"></script> 
    
    <script type="text/javascript">
    // <![CDATA[
    
    function onLoad()
    {
        var args = window.location.href.toQueryParams();
    
        if(args.backgroundColor)
        {
            document.getElementsByTagName("body")[0].style.backgroundColor = args.backgroundColor;
        }
        setTransparentGifURL('transparent.gif');
        document.title = opener.document.title; 
        initSlideshow(opener.latestImageStream, opener.latestIndex, args);
    }
    
    // ]]>
    </script>
    
        </head>
        <body onload="onLoad()">
        </body>
    </html>
    
    

    Fotos.html
    Code:
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
      <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        <meta name="Generator" content="iWeb 3.0.1" />
        <meta name="iWeb-Build" content="local-build-20100601" />
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
        <meta name="viewport" content="width=684" />
        <title>Fotos</title>
        <link rel="stylesheet" type="text/css" media="screen,print" href="Fotos_files/Fotos.css" />
        <!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Fotos_files/FotosIE.css'/><![endif]-->
        <!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
        <!-- No code to add to head -->
        <style type="text/css"><!--
        @import "Scripts/Widgets/HeaderControls/HeaderControls.css";
    --></style>
        <!-- No code to add to head -->
        <style type="text/css"><!--
        @import "Scripts/Widgets/DetailView/DetailView.css";
    --></style>
        <!-- No code to add to head -->
        <style type="text/css"><!--
        @import "Scripts/Widgets/FooterControls/FooterControls.css";
    --></style>
        <link rel="alternate" type="application/rss+xml" title="RSS" href="file://localhost/Volumes/Eigene%20Dateien/Test/Website/Fotos_files/rss.xml" />
        <script type="text/javascript" src="Scripts/iWebSite.js"></script>
        <script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
        <script type="text/javascript" src="Scripts/Widgets/HeaderControls/localizedStrings.js"></script>
        <script type="text/javascript" src="Scripts/Widgets/HeaderControls/HeaderControls.js"></script>
        <script type="text/javascript" src="Scripts/iWebDebug.js"></script>
        <script type="text/javascript" src="Scripts/iWebImage.js"></script>
        <script type="text/javascript" src="Scripts/iWebMediaGrid.js"></script>
        <script type="text/javascript" src="Scripts/Widgets/DetailView/localizedStrings.js"></script>
        <script type="text/javascript" src="Scripts/Widgets/DetailView/DetailView.js"></script>
        <script type="text/javascript" src="Scripts/Widgets/FooterControls/FooterControls.js"></script>
        <script type="text/javascript" src="Fotos_files/Fotos.js"></script>
      </head>
      <body style="background: rgb(255, 255, 255) url(Fotos_files/Mod_background.jpg) repeat scroll top left; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
        <div style="text-align: center; ">
          <div style="margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 10px; overflow: hidden; position: relative; word-wrap: break-word;  text-align: left; width: 684px; " id="body_content">
            <div style="background: transparent url(Fotos_files/Mod_page_bg.jpg) repeat scroll top left; width: 684px; ">
              <div style="float: left; margin-left: 0px; position: relative; width: 684px; z-index: 0; " id="nav_layer">
                <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
                <div style="clear: both; height: 0px; line-height: 0px; " class="spacer">*</div>
              </div>
              <div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 684px; z-index: 10; " id="header_layer">
                <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
              </div>
              <div style="margin-left: 0px; position: relative; width: 684px; z-index: 5; " id="body_layer">
                <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
                <div style="height: 0px; left: 184px; position: absolute; top: 19px; width: 500px; z-index: 1; " id="id1"></div>
                <div class="com-apple-iweb-widget-headercontrols" id="widget0" style="height: 27px; left: 184px; position: absolute; top: 19px; width: 500px; z-index: 1; ">
                
                  <div class="middle">
    
                    <!-- Header Controls -->
                    
                    <div class="header_controls positioned">
    
    
                        
                      <div class="Comment_Posted_Date" style="text-align: center;  background: transparent;">
    
    
                            <!-- media index controls -->
                            
                        <div id="widget0-media_index_only" style="display: none;">
    
                                
                          <div class="positioned">
    
                                    
                            <div class="right">
    
                                        <span class="subscribe"><!--
                                            --><a href="javascript:(void)"><img class="canvas subscribe" alt="subscribe" src="" /></a><!--
                                            --><a href="javascript:(void)"><!--
                                                --><script type="text/javascript"><!--
                                                    WriteLocalizedString('com-apple-iweb-widget-headercontrols', 'Subscribe');
                                                --></script><!--
                                            --></a><!--
                                        --></span>
                                    
    </div>
                            
                                
    </div>
                          
                                *
                            
    </div>
                        
    
                            <!-- album controls -->
                            
                        <div id="widget0-album_only" style="display: none;">
    
                                
                          <div class="positioned">
    
                                    
                            <div class="left">
    
                                        <span id="widget0-back_to_index"><!--
                                            --><a href="javascript:widget0.setPreferenceForKey(true, 'goToIndexPage')"><img class="canvas back" alt="back" src="" /></a><!--
                                            --><a href="javascript:widget0.setPreferenceForKey(true, 'goToIndexPage')"><!--
                                                --><script type="text/javascript"><!--
                                                    WriteLocalizedString('com-apple-iweb-widget-headercontrols', 'Back to Index');
                                                --></script><!--
                                            --></a><!--
                                        --></span>
                                    
    </div>
                            
                                
    </div>
                          
                                
                                
                          <div class="paginated_only right" id="widget0-pagination_controls">
                                </div>
                          
    
                                
                          <div class="non_paginated_only right">
    
                                    <span class="subscribe"><!--
                                        --><a href="javascript:(void)"><img class="canvas subscribe" alt="subscribe" src="" /></a><!--
                                        --><a href="javascript:(void)"><!--
                                            --><script type="text/javascript"><!--
                                                WriteLocalizedString('com-apple-iweb-widget-headercontrols', 'Subscribe');
                                            --></script><!--
                                        --></a><!--
                                    --></span>
                                
    </div>
                          
            
                                
                          <div>
    
                                    <span class="subscribe"><!--
                                        --><a class="paginated_only" href="javascript:(void)"><img class="canvas subscribe" alt="subscribe" src="" /></a><!--
                                        --><a class="paginated_only" href="javascript:(void)"><!--
                                            --><script type="text/javascript"><!--
                                                WriteLocalizedString('com-apple-iweb-widget-headercontrols', 'Subscribe');
                                            --></script><!--
                                        --></a><!--
                                    --></span>
                                    <span class="play_slideshow"><!--
                                        --><a href="javascript:widget0.playSlideshow()"><img class="canvas play" alt="play" src="" /></a><!--
                                        --><a href="javascript:widget0.playSlideshow()"><!--
                                            --><script type="text/javascript"><!--
                                                WriteLocalizedString('com-apple-iweb-widget-headercontrols', 'Play Slideshow');
                                            --></script><!--
                                        --></a><!--
                                    --></span>
                                
    </div>
                          
                            
    </div>
                        
                        
    </div>
                      
                    
    </div>
                    
                
    </div>
                </div>
                <script type="text/javascript"><!--//--><![CDATA[//><!--
    new HeaderControls('widget0', 'Scripts/Widgets/HeaderControls', 'Scripts/Widgets/SharedResources', '.', {"canvas controls": {"canvas_transport-left-N": "Media\/canvas_transport-left-N_19.png", "canvas_transport-right-D": "Media\/canvas_transport-right-D_19.png", "canvas_thumbs_off-S": "Media\/canvas_thumbs_off-S_19.png", "canvas_back": "Media\/canvas_back_19.png", "canvas_thumbs_off-N": "Media\/canvas_thumbs_off-N_19.png", "canvas_transport-right-N": "Media\/canvas_transport-right-N_19.png", "canvas_arrow-left-D": "Media\/canvas_arrow-left-D_19.png", "canvas_arrow-right": "Media\/canvas_arrow-right_19.png", "canvas_play": "Media\/canvas_play_19.png", "canvas_arrow-left": "Media\/canvas_arrow-left_19.png", "canvas_download": "Media\/canvas_download_19.png", "canvas_thumbs_on-S": "Media\/canvas_thumbs_on-S_19.png", "canvas_thumbs_on-N": "Media\/canvas_thumbs_on-N_19.png", "canvas_arrow-right-D": "Media\/canvas_arrow-right-D_19.png", "canvas_transport-left-D": "Media\/canvas_transport-left-D_19.png", "canvas_add": "Media\/canvas_add_19.png", "canvas_subscribe": "Media\/canvas_subscribe_19.png"}, "showSubscribe": false, "gridID": "id1", "showBackToIndex": false, "showSlideshow": true, "feedURL": "file:\/\/localhost\/Volumes\/Eigene%20Dateien\/Test\/Website\/Fotos_files\/rss.xml", "mediaIndex": false, "entryCount": "0", "entriesPerPage": 99});
    //--><!]]></script>
                <div class="com-apple-iweb-widget-detailview" id="widget1" style="height: 245px; left: 184px; position: absolute; top: 19px; width: 500px; z-index: 1; ">
                  <div id="widget1-thumbnails_back" class="thumbnail_arrows thumbnails_back">
    
        <img class="canvas transport-left-D" alt="back" src="" />
        <img class="canvas transport-left-N" alt="back" style="display: none; " src="" />
                  </div>
                  <div id="widget1-thumbnails_forward" class="thumbnail_arrows thumbnails_forward">
    
        <img class="canvas transport-right-D" alt="forward" style="display: none; " src="" />
        <img class="canvas transport-right-N" alt="forward" src="" />
                  </div>
                  <div id="widget1-middle" class="middle" style="position: relative;">
                    <!-- Header Controls -->
        
                    <div class="header_controls positioned">
    
            
                      <div class="Comment_Posted_Date positioned" style="text-align: center; margin: 0px;">
    
                
                        <div class="positioned">
    
                    
                          <div class="left">
    
                        <a href="#grid" onclick="javascript:widget1.exitDetailView()"><!--
                            --><img class="canvas back" alt="back" src="" /><!--
                        --></a>
                        <a href="#grid" onclick="javascript:widget1.exitDetailView()"><!--
                            --><script type="text/javascript"><!--
                  	            WriteLocalizedString('com-apple-iweb-widget-detailview', 'Back to Album');
                            --></script><!--
                        --></a>
                    
    </div>
                          
                    
                          <div class="right" id="widget1-download" style="visibility: hidden;">
    
                        <a href="javascript:widget1.downloadPhoto()"><!--
                            --><img class="canvas download" alt="download" src="" /><!--
                        --></a>
                        <a href="javascript:widget1.downloadPhoto()"><!--
                            --><script type="text/javascript"><!--
                  	            WriteLocalizedString('com-apple-iweb-widget-detailview', 'Download');
                            --></script><!--
                        --></a>
                    
    </div>
                          
                
    </div>
                        
                
                        <div>
    
                    <span id="widget1-view" class="view">
                        <a href="javascript:widget1.toggleThumbnails()"><!--
                            --><img class="canvas thumbs_on-S thumbs_on_only" alt="thumbnails on" style="display: none; " src="" /><!--
                            --><img class="canvas thumbs_on-N thumbs_off_only" alt="thumbnails on" src="" /><!--
                        --></a>
                        <a href="javascript:widget1.toggleThumbnails()"><!--
                            --><img class="canvas thumbs_off-S thumbs_off_only" alt="thumbnails off" src="" /><!--
                            --><img class="canvas thumbs_off-N thumbs_on_only" alt="thumbnails off" style="display: none; " src="" /><!--
                        --></a>
                    </span>
                    <span class="play_slideshow">
                        <a href="javascript:widget1.playSlideshow()"><!--
                            --><img class="canvas play" alt="play" src="" /><!--
                        --></a>
                        <a href="javascript:widget1.playSlideshow()"><!--
                            --><script type="text/javascript"><!--
                                WriteLocalizedString('com-apple-iweb-widget-detailview', 'Play Slideshow');
                            --></script><!--
                        --></a>
                    </span>
                
    </div>
                        
            
    </div>
                      
        
    </div>
                    <!-- Thumbnails -->
        
                    <div id="widget1-thumbnail_view" class="thumbnail_view">
    
            
                      <div class="thumbnails_wrapper">
    
                
                        <div id="widget1-thumbnails" class="thumbnails">
                </div>
                        
            
    </div>
                      
        
    </div>
                    <!-- Main Slideshow -->
        
                    <div style="width: 100%; position: relative; height: 440px; ">
    
            
                      <div id="widget1-slideshow_placeholder" class="slideshow_placeholder" style="position: absolute; width: 100%; overflow: hidden; ">
            </div>
                      
            <a id="widget1-slideshow_anchor" class="slideshow_anchor" href="javascript:void(0)"></a>
        
    </div>
                    <!-- Footer Controls -->
        
                    <div id="widget1-footer_controls" class="footer_controls">
    
            
                      <div class="Comment_Posted_Date" style="position: relative;">
    
                
                        <div id="widget1-previous" style="float: left; ">
    
                    <span style="display: none; " class="noselect"><!--
                        --><img class="canvas arrow-left-D" alt="previous" src="" /><!--
                        --><script type="text/javascript"><!--
                            WriteLocalizedString('com-apple-iweb-widget-detailview', 'Previous');
                        --></script><!--
                    --></span>
                    <span><!--
                        --><a href="javascript:void(0)"><img class="canvas arrow-left" alt="previous" src="" /></a><!--
                        --><a href="javascript:void(0)"><!--
                            --><script type="text/javascript"><!--
                                WriteLocalizedString('com-apple-iweb-widget-detailview', 'Previous');
                            --></script><!--
                        --></a><!--
                    --></span>
                
    </div>
                        
                
                        <div id="widget1-next" style="float: right; ">
    
                    <span style="display: none; " class="noselect"><!--
                        --><script type="text/javascript"><!--
                            WriteLocalizedString('com-apple-iweb-widget-detailview', 'Next');
                        --></script><!--
                        --><img class="canvas arrow-right-D" alt="next" src="" /><!--
                    --></span>
                    <span><!--
                        --><a href="javascript:void(0)"><!--
                            --><script type="text/javascript"><!--
                                WriteLocalizedString('com-apple-iweb-widget-detailview', 'Next');
                            --></script><!--
                        --></a><!--
                        --><a href="javascript:void(0)"><img class="canvas arrow-right" alt="next" src="" /></a><!--
                    --></span>
                
    </div>
                        
            
    </div>
                      
            
                      <p class="Caption" style="text-align: center; position: relative; margin-left: 100px; margin-right: 100px; ">
            </p>
                      
        
    </div>
                  </div>
                </div>
                <script type="text/javascript"><!--//--><![CDATA[//><!--
    new DetailView('widget1', 'Scripts/Widgets/DetailView', 'Scripts/Widgets/SharedResources', '.', {"showSlideshow": true, "gridID": "id1", "showThumbnails": true, "canvas controls": {"canvas_transport-left-N": "Media\/canvas_transport-left-N_19.png", "canvas_transport-right-D": "Media\/canvas_transport-right-D_19.png", "canvas_thumbs_off-S": "Media\/canvas_thumbs_off-S_19.png", "canvas_back": "Media\/canvas_back_19.png", "canvas_thumbs_off-N": "Media\/canvas_thumbs_off-N_19.png", "canvas_transport-right-N": "Media\/canvas_transport-right-N_19.png", "canvas_arrow-left-D": "Media\/canvas_arrow-left-D_19.png", "canvas_arrow-right": "Media\/canvas_arrow-right_19.png", "canvas_play": "Media\/canvas_play_19.png", "canvas_arrow-left": "Media\/canvas_arrow-left_19.png", "canvas_download": "Media\/canvas_download_19.png", "canvas_thumbs_on-S": "Media\/canvas_thumbs_on-S_19.png", "canvas_thumbs_on-N": "Media\/canvas_thumbs_on-N_19.png", "canvas_arrow-right-D": "Media\/canvas_arrow-right-D_19.png", "canvas_transport-left-D": "Media\/canvas_transport-left-D_19.png", "canvas_add": "Media\/canvas_add_19.png", "canvas_subscribe": "Media\/canvas_subscribe_19.png"}, "color": "transparent", "photoSize": 0});
    //--><!]]></script>
                <div class="com-apple-iweb-widget-footercontrols" id="widget2" style="height: 27px; left: 184px; position: absolute; top: 19px; width: 500px; z-index: 1; ">
                  <!-- Footer Controls -->
                  <div class="footer_middle">
    
        
                    <div class="positioned">
    
            
                      <div class="Comment_Posted_Date paginated_only right" id="widget2-pagination_controls">
            </div>
                      
        
    </div>
                    
        *
    
    </div>
                </div>
                <script type="text/javascript"><!--//--><![CDATA[//><!--
    new FooterControls('widget2', 'Scripts/Widgets/FooterControls', 'Scripts/Widgets/SharedResources', '.', {"gridID": "id1"});
    //--><!]]></script>
                <div style="height: 453px; width: 1px;  height: 453px; left: 178px; position: absolute; top: 20px; width: 1px; z-index: 1; " class="tinyText">
                  <div style="position: relative; width: 1px; ">
                    <img src="Fotos_files/shapeimage_1.jpg" alt="" style="height: 453px; left: 0px; position: absolute; top: 0px; width: 1px; " />
                  </div>
                </div>
                <div style="height: 480px; line-height: 480px; " class="spacer">*</div>
              </div>
              <div style="height: 104px; margin-left: 0px; position: relative; width: 684px; z-index: 15; " id="footer_layer">
                <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
                <div style="height: 104px; width: 684px;  height: 104px; left: 0px; position: absolute; top: 19px; width: 684px; z-index: 1; " class="tinyText style_SkipStroke">
                  <img src="Fotos_files/Mod_footer_bg.jpg" alt="" style="border: none; height: 104px; width: 684px; " />
                </div>
              </div>
            </div>
          </div>
        </div>
      </body>
    </html>
    
    
    


    iWPopUpSlideshow.js
    Code:
    ////////////////////////////////////////////////////////////////////////////////
    //
    //  iWeb - iWPopUpSlideshow.js
    //  Copyright (c) 2007-2008 Apple Inc. All rights reserved.
    //
    ////////////////////////////////////////////////////////////////////////////////
    
    var slideWidth;var slideHeight;var frameHeight;var frameWidth;var scroller;var slideshow;var thumbnails;var hud;var thumbMatte=89;var pickerHeight=100;var browser;var baseURL="http://www.me.com/1/slideshow/";var windowWidth=800;var windowHeight=800;function initSlideshow(imageStream,index,parameters){browser=new BrowserDetectLite();if(checkBrowser())
    {alphaRules();if(document.documentElement&&document.documentElement.clientWidth&&document.documentElement.clientHeight)
    {windowWidth=document.documentElement.clientWidth;windowHeight=document.documentElement.clientHeight;}
    else if(self.innerWidth&&self.innerHeight)
    {windowWidth=self.innerWidth;windowHeight=self.innerHeight;}
    else if(document.body&&document.body.clientWidth&&document.body.clientHeight)
    {windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight;}
    slideWidth=windowWidth-200;slideHeight=windowHeight-290;frameHeight=slideHeight+50;frameWidth=slideWidth-20;var frame=appendDiv(document.body,'frame',frameWidth,frameHeight);var frameTop=Math.max(Math.round((windowHeight-frameHeight)/2),0);frame.style.marginTop=frameTop+'px';var slideMatte=appendDiv(frame,'matte',slideWidth,frameHeight);slideMatte.style.marginLeft=Math.round((frameWidth-slideWidth)/2)+"px";slideMatte.style.marginRight=Math.round((frameWidth-slideWidth)/2)+"px";var photos=[];for(var i=0;i<imageStream.length;++i)
    {photos.push(imageStream[i].slideshowValue("image"));}
    function onchange(index)
    {selectThumb(index);}
    parameters.movieMode=kAutoplayMovie;slideshow=new Slideshow(slideMatte,photos,onchange,parameters);if(parameters.hasOwnProperty("transitionIndex"))
    {slideshow.setTransitionIndex(parameters.transitionIndex,0);}
    initControls();var initThumbFade=function(){thumbnails.fadeHandler=null;thumbnails.fade(0.80,0,4000);};var initControlFade=function(){hud.fadeHandler=null;hud.fade(0.80,0,4000);};initThumbnailPicker(index!=null?index:0,imageStream);thumbnails.fadeHandler=setTimeout(initThumbFade,1000);hud.fadeHandler=setTimeout(initControlFade,1000);slideshow.playHandler=setTimeout(beginPlay.bind(null,index),0);addEvent(document,'onkeydown',arrowKeyDown,true);addEvent(document,'onkeyup',arrowKeyUp,true);}}
    function beginPlay(index)
    {clearInterval(slideshow.playHandler);slideshow.playHandler=null;if(index!=null&&index>0)
    {slideshow.paused=false;slideshow.showPhotoNumber(index,true);}
    else
    {slideshow.start();}}
    function initThumbnailPicker(startPoint,imageStream)
    {var thumbnailZone=appendDiv(document.body,'thumbnailZone');var thumbnailPicker=appendDiv(thumbnailZone,'thumbnailPicker');var thumbStrip=appendDiv(thumbnailPicker,'thumbStrip');var pickerWidth=Math.min((imageStream.length*89)+2,frameWidth);thumbnailZone.style.width=windowWidth+"px";thumbnailZone.style.height=pickerHeight+25+"px";thumbnailZone.style.top="10px";thumbnailPicker.style.width=pickerWidth+"px";thumbnailPicker.style.height=pickerHeight+"px";thumbnailPicker.style.left=Math.round((windowWidth-pickerWidth)/2)+"px";thumbStrip.style.left='0px';$(thumbnailPicker).setOpacity(thumbnailPicker,0.8);addEvent(thumbnailZone,'onmouseover',thumbnailFadeIn,false);addEvent(thumbnailZone,'onmouseout',thumbnailFadeOut,false);var results=generateThumbs(imageStream);selectThumb(startPoint);initScroller(startPoint);thumbnails=new hoverControls('thumbnailPicker');}
    function initControls(){var controlZone=appendDiv(document.body,'controlZone');var controls=appendDiv(controlZone,'controls');var backButton;var forwardButton;var playButton;var pauseButton;var frameTop=Math.max(Math.round((windowHeight-frameHeight)/2),0);controlZone.style.top=frameTop+frameHeight+"px";if($('matte').style.marginLeft){controls.style.left=Math.round((windowWidth-177)/2)+parseInt($('matte').style.marginLeft,10)+"px";}else{controls.style.left=Math.round((windowWidth-177)/2)+parseInt($('matte').offsetLeft,10)+"px";}
    if(browser.supportsPNGs){backButton=appendImage(controls,baseURL+'images/arrow_left.png','backbutton');playButton=appendImage(controls,baseURL+'images/play.png','playbutton',null,null,true);pauseButton=appendImage(controls,baseURL+'images/pause.png','pausebutton');forwardButton=appendImage(controls,baseURL+'images/arrow_right.png','forwardbutton');}else{controls.style.background='url('+baseURL+'images/controls.gif) center center no-repeat';backButton=appendImage(controls,baseURL+'images/arrow_left.gif','backbutton');playButton=appendImage(controls,baseURL+'images/play.gif','playbutton',null,null,true);pauseButton=appendImage(controls,baseURL+'images/pause.gif','pausebutton');forwardButton=appendImage(controls,baseURL+'images/arrow_right.gif','forwardbutton');}
    $(controls).setOpacity(0.8);addEvent(backButton,'onmousedown',backClick,false);addEvent(backButton,'onmouseup',previous,false);addEvent(playButton,'onmousedown',playClick,false);addEvent(playButton,'onmouseup',restart,false);addEvent(pauseButton,'onmousedown',pauseClick,false);addEvent(pauseButton,'onmouseup',stop,false);addEvent(forwardButton,'onmousedown',forwardClick,false);addEvent(forwardButton,'onmouseup',next,false);addEvent(controlZone,'onmouseover',hudFadeIn);addEvent(controlZone,'onmouseout',hudFadeOut);hud=new hoverControls('controls');}
    function selectThumb(index)
    {var thumbPicker=$('thumbStrip');var thumbs=thumbPicker.select('img');for(var i=0;i<thumbs.length;++i)
    {var thumb=thumbs[i];var className=(i==index)?'selectedthumb':'thumb';if(thumb.className!=className)
    {thumb.className=className;}}}
    var thumbWidth=69;var thumbHeight=69;function thumbnailLoaded(thumbnail,index)
    {var thumbPicker=$('thumbStrip');var thumbPickerPlaceholder=$('thumb'+index);if(thumbPickerPlaceholder)
    {var naturalSize=thumbnail.naturalSize();var imageScale=thumbWidth/naturalSize.width<thumbHeight/naturalSize.height?thumbWidth/naturalSize.width:thumbHeight/naturalSize.height;var scaledWidth=naturalSize.width*imageScale;var scaledHeight=naturalSize.height*imageScale;var horizontalMargin=px(Math.round((thumbWidth-scaledWidth)/2)+7);var verticalMargin=px(Math.round((thumbHeight-scaledHeight)/2));thumbPickerPlaceholder.width=scaledWidth;thumbPickerPlaceholder.height=scaledHeight;thumbPickerPlaceholder.setStyle({margin:verticalMargin+" "+horizontalMargin});thumbPickerPlaceholder.src=thumbnail.sourceURL();}
    else
    {setTimeout(thumbnailLoaded.bind(null,thumbnail,index),100);}}
    function generateThumbs(imageStream)
    {var thumbPicker=$('thumbStrip');thumbPicker.style.width=(imageStream.length*89)+"px";var markup="";for(var i=0,len=imageStream.length;i<len;++i)
    {markup+='<img width="'+thumbWidth+'" height="'+thumbHeight+'" id="thumb'+i+'" style="margin: 0 7px" onclick="selectThumb('+i+'); slideshow.showPhotoNumber('+i+', true);" onfocus="blur()">';}
    thumbPicker.innerHTML=markup;var index=0;$A(imageStream).invoke('micro').each(function(thumbnail){thumbnail.load(thumbnailLoaded.bind(null,thumbnail,index),index>=10);index++;});return true;}
    function initScroller(startPoint){var thumbZone=$('thumbnailPicker');var scrollbar=appendDiv(thumbZone,"scrollbar");scrollbar.style.top="84px";scrollbar.style.left=0;scrollbar.style.width=thumbZone.getWidth()-2+"px";scrollbar.style.height="15px";var bar=appendDiv(scrollbar,"bar");bar.style.top=0;bar.style.left=0;bar.style.width="100%";bar.style.height="13px";var dragTool=appendDiv(scrollbar,"dragtool");dragTool.style.top="1px";dragTool.style.left=0;dragTool.style.width="26px";dragTool.style.height="13px";dragTool=$(appendImage(dragTool,'http://www.me.com/1/slideshow/images/dragger.gif',null,24,13));dragTool.setStyle({margin:'0 1px'});var ruler=appendDiv(scrollbar,"ruler");ruler.style.top=0;ruler.style.left=0;scroller=new Scroller();if(startPoint!=null){scroller.jumpTo(startPoint);}
    if(browser.isIE6x&&browser.isWin){scrollbar.style.top=parseInt(scrollbar.style.top,10)-2+'px';bar.style.height=parseInt(bar.style.height,10)+2+'px';scrollbar.style.width=parseInt(scrollbar.style.width,10)+2+'px';}else if(browser.isSafariJaguar){bar.style.width=$('thumbnailPicker').getWidth()-3+'px';}}
    function checkBrowser(){var languageinfo=getLanguage();if(browser.isSafari||browser.isFirefox1up||browser.isNS7up||browser.isIE55up||browser.isCamino){return true;}else if(getCookie('browsewarning')=='true'){return true;}else{setCookie('browsewarning','true');setCookie('continue',window.location.href);switch(languageinfo){case'de':window.location=baseURL+'messaging/4/browser_req.html';break;case'fr':window.location=baseURL+'messaging/3/browser_req.html';break;case'ja':window.location=baseURL+'messaging/2/browser_req.html';break;default:window.location=baseURL+'messaging/1/browser_req.html';}
    return false;}}
    function thumbnailFadeIn(evt){try{evt=(evt)?evt:((window.event)?window.event:"");if(checkMouseEnter($('thumbnailZone'),evt)){if(!thumbnails.holdFade){scroller.jumpTo(slideshow.currentPhotoNumber);slideshow.pause();thumbnails.fade(0.90,0.90,0);}}}catch(e){}}
    function thumbnailFadeOut(evt){try{evt=(evt)?evt:((window.event)?window.event:"");if(checkMouseLeave($('thumbnailZone'),evt)){if(!thumbnails.holdFade){thumbnails.fade(0.30,0,2000);if(slideshow.playHandler===null){slideshow.resume();}}}}catch(e){}}
    function hudFadeIn(evt){try{evt=(evt)?evt:((window.event)?window.event:"");if(checkMouseEnter($('controlZone'),evt)){hud.fade(0.80,0.80,0);}}catch(e){}}
    function hudFadeOut(evt){try{evt=(evt)?evt:((window.event)?window.event:"");if(checkMouseLeave($('controlZone'),evt)&&$(controls).getOpacity()>0.05){hud.fade(0.40,0,2000);if(slideshow.playHandler===null){slideshow.resume();}}}catch(e){}}
    function stop(){slideshow.pause();slideshow.playHandler=-1;$('playbutton').style.display='';$('pausebutton').src=browser.supportsPNGs?baseURL+'images/pause.png':baseURL+'images/pause.gif';$('pausebutton').style.display='none';return false;}
    function pauseClick(){$('pausebutton').src=browser.supportsPNGs?baseURL+'images/pause_on.png':baseURL+'images/pause_on.gif';return false;}
    function restart(){slideshow.playHandler=null;$('pausebutton').style.display='';$('playbutton').src=browser.supportsPNGs?baseURL+'images/play.png':baseURL+'images/play.gif';$('playbutton').style.display='none';if($('controls').getOpacity()>0.05)
    {hud.fade(0.90,0,5000);}
    slideshow.playHandler=setTimeout(function(){slideshow.resume();},1500);}
    function playClick(){$('playbutton').src=browser.supportsPNGs?baseURL+'images/play_on.png':baseURL+'images/play_on.gif';return false;}
    function forwardClick(){$('forwardbutton').src=browser.supportsPNGs?baseURL+'images/arrow_right_on.png':baseURL+'images/arrow_right_on.gif';return false;}
    function next(){$('forwardbutton').src=browser.supportsPNGs?baseURL+'images/arrow_right.png':baseURL+'images/arrow_right.gif';slideshow.advance();return false;}
    function backClick(){$('backbutton').src=browser.supportsPNGs?baseURL+'images/arrow_left_on.png':baseURL+'images/arrow_left_on.gif';return false;}
    function previous(){$('backbutton').src=browser.supportsPNGs?baseURL+'images/arrow_left.png':baseURL+'images/arrow_left.gif';slideshow.goBack();return false;}
    function arrowKeyDown(evt){evt=(evt)?evt:((window.event)?window.event:"");var keyCode=evt.which?evt.which:evt.keyCode;switch(keyCode){case 39:evt.cancelBubble=true;if(evt.stopPropagation){evt.stopPropagation();}
    forwardClick();break;case 34:evt.cancelBubble=true;if(evt.stopPropagation){evt.stopPropagation();}
    forwardClick();break;case 37:evt.cancelBubble=true;if(evt.stopPropagation){evt.stopPropagation();}
    backClick();break;case 33:evt.cancelBubble=true;if(evt.stopPropagation){evt.stopPropagation();}
    backClick();break;case 32:evt.cancelBubble=true;if(evt.stopPropagation){evt.stopPropagation();}
    if(slideshow.playHandler==-1){playClick();}else{pauseClick();}
    break;}
    if((slideshow.photos.length*thumbMatte)>(scroller.getContentClipW()-scroller.getContentL())){scroller.jumpTo(slideshow.currentPhotoNumber,'left');}else if((slideshow.photos.length*thumbMatte)<-scroller.getContentL()){scroller.jumpTo(slideshow.currentPhotoNumber,'right');}}
    function arrowKeyUp(evt){evt=(evt)?evt:((window.event)?window.event:"");var keyCode=evt.which?evt.which:evt.keyCode;switch(keyCode){case 39:evt.cancelBubble=true;if(evt.stopPropagation){evt.stopPropagation();}
    next();break;case 34:evt.cancelBubble=true;if(evt.stopPropagation){evt.stopPropagation();}
    next();break;case 37:evt.cancelBubble=true;if(evt.stopPropagation){evt.stopPropagation();}
    previous();break;case 33:evt.cancelBubble=true;if(evt.stopPropagation){evt.stopPropagation();}
    previous();break;case 32:evt.cancelBubble=true;if(evt.stopPropagation){evt.stopPropagation();}
    if(slideshow.playHandler==-1){restart();}else{stop();}
    break;case 36:slideshow.pause();slideshow.resetSlideshow(0);if(slideshow.playHandler!=-1){slideshow.play();}
    break;case 35:slideshow.pause();slideshow.resetSlideshow(slideshow.photos.length-1);if(slideshow.playHandler!=-1){slideshow.play();}
    break;}
    if((slideshow.currentPhotoNumber*thumbMatte)>(scroller.getContentClipW()-scroller.getContentL())){scroller.jumpTo(slideshow.currentPhotoNumber,'left');}else if((slideshow.currentPhotoNumber*thumbMatte)<-scroller.getContentL()){scroller.jumpTo(slideshow.currentPhotoNumber,'right');}}
    function heightOffset(browser){if(browser.isIE5xMac){return 15;}else if(browser.isSafari){return 23;}else if(browser.isFirefox&&browser.isWin){return 25;}else if(browser.isNS6up&&browser.isWin){return 30;}else if(browser.isCamino){return 40;}else if(browser.isMozilla){return 42;}else if(browser.isIEWin){return 49;}else{return 0;}}
    function widthOffset(browser){if(browser.isIE5xMac){return 5;}else{return 0;}}
    function BrowserDetectLite(){var ua=navigator.userAgent.toLowerCase();this.ua=ua;this.isGecko=(ua.indexOf('gecko')!=-1);this.isMozilla=(this.isGecko&&ua.indexOf("gecko/")+14==ua.length);this.isFirefox=(this.isGecko&&ua.indexOf("firefox")!=-1);this.isCamino=(this.isGecko&&ua.indexOf("camino")!=-1);this.isSafari=(this.isGecko&&ua.indexOf("safari")!=-1);this.isNS=((this.isGecko)?(ua.indexOf('netscape')!=-1):((ua.indexOf('mozilla')!=-1)&&(ua.indexOf('spoofer')==-1)&&(ua.indexOf('compatible')==-1)&&(ua.indexOf('opera')==-1)&&(ua.indexOf('webtv')==-1)&&(ua.indexOf('hotjava')==-1)));this.isIE=((ua.indexOf("msie")!=-1)&&(ua.indexOf("opera")==-1)&&(ua.indexOf("webtv")==-1));this.isOpera=(ua.indexOf("opera")!=-1);this.isKonqueror=(ua.indexOf("konqueror")!=-1);this.isIcab=(ua.indexOf("icab")!=-1);this.isAol=(ua.indexOf("aol")!=-1);this.isWebtv=(ua.indexOf("webtv")!=-1);this.isOmniweb=(ua.indexOf("omniweb")!=-1);this.isDreamcast=(ua.indexOf("dreamcast")!=-1);this.isIECompatible=((ua.indexOf("msie")!=-1)&&!this.isIE);this.isNSCompatible=((ua.indexOf("mozilla")!=-1)&&!this.isNS&&!this.isMozilla);this.versionMinor=parseFloat(navigator.appVersion);if(this.isNS&&this.isGecko){this.versionMinor=parseFloat(ua.substring(ua.lastIndexOf('/')+1));}
    else if(this.isFirefox){this.versionMinor=parseFloat(ua.substring(ua.lastIndexOf('/')+1));}
    else if(this.isSafari){this.versionMinor=parseFloat(ua.substring(ua.lastIndexOf('/')+1));}
    else if(this.isIE&&this.versionMinor>=4){this.versionMinor=parseFloat(ua.substring(ua.indexOf('msie ')+5));}
    else if(this.isOpera){if(ua.indexOf('opera/')!=-1){this.versionMinor=parseFloat(ua.substring(ua.indexOf('opera/')+6));}
    else{this.versionMinor=parseFloat(ua.substring(ua.indexOf('opera ')+6));}}
    else if(this.isKonqueror){this.versionMinor=parseFloat(ua.substring(ua.indexOf('konqueror/')+10));}
    else if(this.isIcab){if(ua.indexOf('icab/')!=-1){this.versionMinor=parseFloat(ua.substring(ua.indexOf('icab/')+6));}
    else{this.versionMinor=parseFloat(ua.substring(ua.indexOf('icab ')+6));}}
    else if(this.isWebtv){this.versionMinor=parseFloat(ua.substring(ua.indexOf('webtv/')+6));}
    this.versionMajor=parseInt(this.versionMinor,10);this.geckoVersion=((this.isGecko)?ua.substring((ua.lastIndexOf('gecko/')+6),(ua.lastIndexOf('gecko/')+14)):-1);this.isWin=(ua.indexOf('win')!=-1);this.isWin32=(this.isWin&&(ua.indexOf('95')!=-1||ua.indexOf('98')!=-1||ua.indexOf('nt')!=-1||ua.indexOf('win32')!=-1||ua.indexOf('32bit')!=-1));this.isMac=(ua.indexOf('mac')!=-1);this.isUnix=(ua.indexOf('unix')!=-1||ua.indexOf('linux')!=-1||ua.indexOf('sunos')!=-1||ua.indexOf('bsd')!=-1||ua.indexOf('x11')!=-1);this.isNS4below=(this.isNS&&this.versionMajor<=4);this.isNS4x=(this.isNS&&this.versionMajor==4);this.isNS40x=(this.isNS4x&&this.versionMinor<4.5);this.isNS47x=(this.isNS4x&&this.versionMinor>=4.7);this.isNS4up=(this.isNS&&this.versionMinor>=4);this.isNS6x=(this.isNS&&this.versionMajor==6);this.isNS6up=(this.isNS&&this.versionMajor>=6);this.isNS7up=(this.isNS&&this.versionMajor>=7);this.isIEWin=(this.isIE&this.isWin);this.isIE4below=(this.isIE&&this.versionMajor<=4);this.isIE4x=(this.isIE&&this.versionMajor==4);this.isIE4up=(this.isIE&&this.versionMajor>=4);this.isIE5x=(this.isIE&&this.versionMajor==5);this.isIE55=(this.isIE&&this.versionMinor==5.5);this.isIE5up=(this.isIE&&this.versionMajor>=5);this.isIE55up=(this.isIE&&this.versionMinor>=5.5);this.isIE6x=(this.isIE&&this.versionMajor==6);this.isIE6up=(this.isIE&&this.versionMajor>=6);this.isIE7x=(this.isIE&&this.versionMajor==7);this.isIE7up=(this.isIE&&this.versionMajor>=7);this.isIE8x=(this.isIE&&this.versionMajor==8);this.isIE8up=(this.isIE&&this.versionMajor>=8);this.isSafariJaguar=(this.isSafari&&this.versionMajor<100);this.isFirefox1up=(this.isFirefox&&this.versionMinor>=1);this.isIE4xMac=(this.isIE4x&&this.isMac);this.isIE5xMac=(this.isIE5up&&this.isMac);this.supportsOnload=(!this.isOpera&&!this.isIcab&&!this.isIE4below&&!this.isNS4below);this.supportsPNGs=(!this.isIE||this.versionMajor>=8);}
    function getLanguage(){var languageInfo;languageInfo=navigator.language?navigator.language:(navigator.userLanguage?navigator.userLanguage:"");if(languageInfo.indexOf('-')>-1){languageInfo=languageInfo.substr(0,2);}
    return languageInfo;}
    function alphaRules(){if(browser===null){browser=new BrowserDetectLite();}
    if(browser.isWin&&browser.isIE){document.styleSheets[0].addRule("img","filter: alpha(opacity=100)",0);}}
    function appendDiv(parentObj,divId,width,height,makeInvisible){var divObj=document.createElement('div');if(width!=null){divObj.style.width=width+'px';}
    if(height!=null){divObj.style.height=height+'px';}
    if(makeInvisible){divObj.style.display='none';}
    divObj=parentObj.appendChild(divObj);if(divId!=null){divObj.setAttribute('id',divId);}
    return divObj;}
    function appendImage(parentObj,src,imgId,width,height,makeInvisible){var imgObj=document.createElement('img');imgObj.src=src;if(width!=null){imgObj.style.width=width+'px';}
    if(height!=null){imgObj.style.height=height+'px';}
    if(makeInvisible){imgObj.style.display='none';}
    imgObj=parentObj.appendChild(imgObj);if(imgId!=null){imgObj.setAttribute('id',imgId);}
    return imgObj;}
    function addEvent(object,event,functionName,capture)
    {if(object.addEventListener)
    {event=event.length>2?event.substring(2):event;capture=capture?capture:false;object.addEventListener(event,functionName,capture);}
    else if(object.attachEvent)
    {object.attachEvent(event,functionName);}
    else
    {try
    {object.setAttribute(event,functionName);}
    catch(e)
    {}}}
    function hoverControls(divId){this.timer=1;this.fadeHandler=null;this.divId=divId;this.start=null;this.end=null;this.holdFade=false;this.restartFade=false;var me=this;this.fade=function(start,end,ms)
    {start=$(this.divId).getOpacity();if(this.animation)
    {this.animation.stop();}
    if(this.fadeHandler)
    {clearInterval(this.fadeHandler);}
    this.animation=new SimpleAnimation(function(){});this.animation.startOpacity=start;this.animation.endOpacity=end;this.animation.duration=ms;this.animation.pre=function()
    {$(me.divId).setOpacity(this.startOpacity);}
    this.animation.post=function()
    {$(me.divId).setOpacity(this.endOpacity);}
    this.animation.update=function(now)
    {$(me.divId).setOpacity(this.startOpacity+now*(this.endOpacity-this.startOpacity));}
    this.animation.start();}}
    function Scroller(){var scrollW=$('thumbnailPicker').getWidth();var speed=4;var mouseY;var mouseX;var clickLeft=false;var clickRight=false;var clickDrag=false;var timer=setTimeout(function(){},500);var leftL;var leftT;var rightL;var rightT;var dragL;var dragT;var rulerL;var rulerT;var contentL;var contentW;var contentClipW;var scrollLength;var startX;var scrollbarOffset;var leftH;var leftW;var rightH;var rightW;var dragH;var dragW;var me=this;var eventLoader=function eventLoader(){scrollbarOffset=IWChildOffset($('scrollbar'),document.body);dragL=parseInt($('dragtool').style.left,10);dragT=parseInt($('dragtool').style.top,10);rulerT=parseInt($('ruler').style.top,10);rulerL=parseInt($('ruler').style.left,10);contentW=$('thumbStrip').getWidth();contentClipW=$('thumbnailPicker').getWidth();dragH=$('dragtool').getHeight();dragW=$('dragtool').getWidth();scrollLength=((scrollW-dragW)/(contentW-contentClipW));window.onresize=me.resetPosition;if(contentW<contentClipW){$('scrollbar').style.display='none';}
    document.onmousedown=down;document.onmousemove=move;document.onmouseup=up;};this.resetPosition=function resetPosition(){scrollbarOffset=IWChildOffset($('scrollbar'),document.body);};var down=function down(e){getMouse(e);startX=(mouseX-dragL);if(mouseX>=leftL&&(mouseX<=(leftL+leftW))&&mouseY>=leftT&&(mouseY<=(leftT+leftH))){clickLeft=true;return me.scrollLeft();}
    else if(mouseX>=rightL&&(mouseX<=(rightL+rightW))&&mouseY>=rightT&&(mouseY<=(rightT+rightH))){clickRight=true;return me.scrollRight();}
    else if(mouseY>=dragT&&(mouseY<=(dragT+dragH+4))&&mouseX>=rulerL&&(mouseX<=(rulerL+scrollW))){clickDrag=true;if(thumbnails){thumbnails.holdFade=true;}
    return move(e);}
    else{return true;}};var move=function move(e){if(clickDrag&&contentW>contentClipW){getMouse(e);dragL=mouseX-(dragW/2);if(dragL<(rulerL)){dragL=rulerL;}
    if(dragL>(rulerL+scrollW-dragW)){dragL=(rulerL+scrollW-dragW);}
    contentL=-((dragL-rulerL)*(1/scrollLength));moveTo();return false;}};var up=function(e){clearTimeout(timer);clickLeft=false;clickRight=false;clickDrag=false;if(thumbnails&&thumbnails.holdFade){thumbnails.holdFade=false;getMouse(e);var thumbZone=$('thumbnailZone');var zoneOffset=IWChildOffset(thumbZone,document.body);var zoneR=zoneOffset.x+thumbZone.getWidth();var zoneB=zoneOffset.y+thumbZone.getHeight();if((mouseX+scrollbarOffset.x)>zoneOffset.x&&(mouseX+scrollbarOffset.x)<zoneR&&(mouseY+scrollbarOffset.y)>zoneOffset.y&&(mouseY+scrollbarOffset.y)<zoneB){}else{thumbnails.fade(0.30,0,2000);slideshow.resume();}}
    return true;};var getL=function getL(){contentL=parseInt($('thumbStrip').style.left,10);};var getMouse=function getMouse(e){if(typeof scrollbarOffset=='undefined'||typeof rightOffset=='undefined'){me.resetPosition();}
    if(typeof event!='undefined'){mouseY=event.clientY+document.body.scrollTop-scrollbarOffset.y;mouseX=event.clientX+document.body.scrollLeft-scrollbarOffset.x;}else{mouseY=e.pageY-scrollbarOffset.y;mouseX=e.pageX-scrollbarOffset.x;}};this.jumpTo=function jumpTo(slideCount,slidePosition){if(contentW>contentClipW){getL();if(slidePosition=='left'){contentL=(-slideCount*thumbMatte);}else if(slidePosition=='right'){contentL=(-slideCount*thumbMatte)+contentClipW;}else{contentL=Math.round((contentClipW/2)-(slideCount*thumbMatte)-(thumbMatte/2));}
    if(contentL<scrollW-contentW){contentL=scrollW-contentW;}else if(contentL>0){contentL=0;}
    dragL=contentL*(scrollW-dragW)/(scrollW-contentW);if(dragL<0){dragL=0;}
    return moveTo();}else{return false;}};var moveTo=function moveTo(){$('thumbStrip').style.left=contentL+"px";$('dragtool').style.left=dragL+"px";$('ruler').style.left=dragL+"px";return true;};this.scrollLeft=function scrollLeft(){getL();if(clickLeft&&contentW>contentClipW){if(contentL<0){dragL=dragL-(speed*scrollLength);if(dragL<(rulerL))
    {dragL=rulerL;}
    contentL=contentL+speed;if(contentL>0)
    {contentL=0;}
    moveTo();timer=setTimeout(me.scrollLeft,25);}}
    return false;};this.scrollRight=function scrollRight(){getL();if(clickRight&&contentW>contentClipW){if(contentL>-(contentW-contentClipW)){dragL=dragL+(speed*scrollLength);if(dragL>(rulerL+scrollW-dragH))
    {dragL=(rulerL+scrollW-dragH);}
    contentL=contentL-speed;if(contentL<-(contentW-contentClipW))
    {contentL=-(contentW-contentClipW);}
    moveTo();timer=setTimeout(me.scrollRight,25);}}
    return false;};this.getContentL=function getContentL(){return contentL;};this.getContentW=function getContentW(){return contentW;};this.getContentClipL=function getContentClipL(){return contentClipL;};this.getContentClipW=function getContentClipW(){return contentClipW;};eventLoader();}
    function isParent(container,containee){var isParentBool=false;while(!isParentBool&&containee){isParentBool=container==containee;containee=containee.parentNode;}
    return isParentBool;}
    function checkMouseEnter(element,evt){if(evt.fromElement){return!isParent(element,evt.fromElement);}
    else if(evt.relatedTarget){return!isParent(element,evt.relatedTarget);}
    else{return true;}}
    function checkMouseLeave(element,evt){if(evt.toElement){return!isParent(element,evt.toElement);}
    else if(evt.relatedTarget){return!isParent(element,evt.relatedTarget);}
    else{return true;}}
    function setCookie(c_name,value)
    {document.cookie=c_name+"="+escape(value);}
    function getCookie(c_name)
    {if(document.cookie.length>0)
    {c_start=document.cookie.indexOf(c_name+"=")
    if(c_start!=-1)
    {c_start=c_start+c_name.length+1
    c_end=document.cookie.indexOf(";",c_start)
    if(c_end==-1)c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end))}}
    return""}
    
    Also vielleicht kann uns jemand mit Programmiererfahrung weiterhelfen.
     

Diese Seite empfehlen