//----------------------------------------------------------

// Animated Galleries

//----------------------------------------------------------



(function($) {



    jQuery.fn.wpgallery = function(settings) {



        //-----------------------------------

        // Extend jQuery settings to include arguments

        //-----------------------------------

        settings = jQuery.extend({}, settings);



        //-----------------------------------

        // Declare thumb style enumeration

        //-----------------------------------

        var eThumbStyle = 

        { 

            None:0, 

            Resize:1, 

            ResizeActive:2, 

            ResizeHover:3, 

            Opacity:4,

            OpacityActive:5,

            OpacityHover:6              

        }; 

 

        //-----------------------------------

        // Declare thumb position enumeration

        //-----------------------------------

        var eThumbPosition = 

        { 

            Horizontal:0,

            Vertical:1

        }; 

        

        //-----------------------------------

        // Declare transition style enumeration

        //-----------------------------------

        var eTransitStyle = 

        { 

            Basic:0,

            OpaqueFade:1, 

            LeftToRight:2, 

            TopToBottom:3, 

            SquareFade:4, 

            VerticalFlip:5, 

            HorizontalFlip:6 

        }; 



        //-----------------------------------

        // Declare control bar style enumeration

        //-----------------------------------

        var eControlBarStyle = 

        { 

            InternalTop:0,

            InternalTopAnimated:1,

            InternalBottom:2,

            InternalBottomAnimated:3,

            ExternalBottom:4

        };

        

        //-----------------------------------

        // Declare navbar alignment enumeration

        //-----------------------------------

        var eNavbarAlignment = 

        { 

            Centre:0,

            Left:1,

            Right:2

        };

        

        //-----------------------------------

        // Declare browser enumeration

        //-----------------------------------

        var eBrowser = 

        { 

            Msie:0,

            Mozilla:1,

            Safari:2,

            Opera:3,

            Chrome:4

        };

         

        //-----------------------------------

        // Declare browser enumeration

        //-----------------------------------

        var eImageData = 

        { 

            ImageSrc:0,

            ImageWidth:1,

            ImageHeight:2,

            ImageCaption:3,

            ThumbSrc:4

        };

       

        //-----------------------------------

        // Declare member variables

        //-----------------------------------

        var $mainDiv = this;

        

        var $frameDiv = null;

        var $controlDiv = null;

        var $imageDiv = null;

        var $captionDiv = null;

        var $thumbDiv = null;

        var $thumb1Div = null;

        var $thumb2Div = null;

        var $navBarDiv = null;   

        var $rewindButton = null;

        var $previousButton = null;

        var $playButton = null;

        var $nextButton = null;

        var $forwardButton = null;

        var $rewindMap = null;

        var $previousMap = null;

        var $playMap = null;

        var $nextMap = null;

        var $forwardMap = null;

        

        var $thumbRewindButton = null;

        var $thumbRewindMap = null;

        var $thumbForwardButton = null;

        var $thumbForwardMap = null;

        

        var nCurrentImage = 0;

        var nPreviousImage = 0;

        var bPlaying = false;

        var bPrevious = false;

        var bGoToImage = false;

        var bJumpToImage = false;

        var bJumpForward = true;

        var bFirstThumbDiv = true;

        var nThumbFirstImg = 0;

        var bMouseOverThumbs = false;

        var bScrollingThumbs = false;

        

        var nThumbHoverBoundary = 20;

        var nThumbMinorHoverBoundary = 10;

        var nThumbDivBoundary = 100;

        var nThumbActiveResize = 10; 

        

        var strZoomId = settings.imageArray + '_zoom'; 

        var strRewindMapId = settings.imageArray + '_RewindMapId'; 

        var strPreviousMapId = settings.imageArray + '_PreviousMapId'; 

        var strPlayMapId = settings.imageArray + '_PlayMapId'; 

        var strNextMapId = settings.imageArray + '_NextMapId'; 

        var strForwardMapId = settings.imageArray + '_ForwardMapId'; 

        var strThumbRewindMapId = settings.imageArray + '_ThumbRewindMapId'; 

        var strThumbForwardMapId = settings.imageArray + '_ThumbForwardMapId'; 

        

        var nGalleryLeft = settings.nGalleryLeft + ( settings.bPageCentred ?  (( $(document).width() - settings.nPageWidth ) / 2 ): 0 );

        var bShowNavFwrdNReverse = ( settings.nTotalImages > settings.nTotalThumbs );

        var nNavBarWidth = ( ( settings.bShowThumbnails && bShowNavFwrdNReverse ) ? settings.nNavBarIconWidth * 5 : settings.nNavBarIconWidth * 3 ); 

        settings.nTotalThumbs = Math.min( settings.nTotalThumbs, settings.nTotalImages );

        settings.bShowThumbnailArrows = ( settings.bShowThumbnailArrows && bShowNavFwrdNReverse );



        var nBrowser = eBrowser.Opera;

        if( jQuery.browser.mozilla )

            nBrowser = eBrowser.Mozilla;

        if( jQuery.browser.msie )

            nBrowser = eBrowser.Msie;

        else if( /chrome/.test( navigator.userAgent.toLowerCase() ) )

            nBrowser = eBrowser.Chrome;

        else if( jQuery.browser.safari )

            nBrowser = eBrowser.Safari;

            

        var bPngHack = ( jQuery.browser.msie && jQuery.browser.version < 7 );

        

        var nThumbDivHeight = 0;

        var nThumbDivTop = 0;

        var nThumbDivWidth = 0;

        var nThumbDivLeft = 0;

 

        if( settings.nThumbPosition == eThumbPosition.Horizontal )

        {

            nThumbDivHeight = ( settings.nThumbStyle == eThumbStyle.Resize ||  settings.nThumbStyle == eThumbStyle.ResizeActive ||  settings.nThumbStyle == eThumbStyle.ResizeHover ) ? settings.nThumbSize * 2 : settings.nThumbSize;

            nThumbDivTop = settings.nThumbTop;

            nThumbDivWidth = ( settings.nThumbSize * settings.nTotalThumbs ) + ( settings.nThumbSpacing * ( settings.nTotalThumbs - 1 ) ) + nThumbDivBoundary;

            nThumbDivLeft = ( ( settings.nGalleryWidth - nThumbDivWidth ) / 2 );

        }

        else // Vertical Thumb Position

        {

            nThumbDivWidth = ( settings.nThumbStyle == eThumbStyle.Resize ||  settings.nThumbStyle == eThumbStyle.ResizeActive ||  settings.nThumbStyle == eThumbStyle.ResizeHover ) ? settings.nThumbSize * 2 : settings.nThumbSize;

            nThumbDivLeft = settings.nThumbLeft;

            nThumbDivHeight = ( settings.nThumbSize * settings.nTotalThumbs ) + ( settings.nThumbSpacing * ( settings.nTotalThumbs - 1 ) ) + nThumbDivBoundary;

            nThumbDivTop = ( ( settings.nGalleryHeight - nThumbDivHeight ) / 2 );

        }        

        

        //-----------------------------------

        // Initialise gallery

        //-----------------------------------

        initialise();



        //-----------------------------------

        // Event handlers - Window resize

        //-----------------------------------

        if( settings.bPageCentred )

        {

            $(window).bind('resize', function() 

            {

                nGalleryLeft = settings.nGalleryLeft + (( $(document).width() - settings.nPageWidth ) / 2 );

            });

        }

 

        //-----------------------------------

        // Event handlers - Navigation Controls

        //-----------------------------------

        if( settings.bShowNavBar )

        {

            if( settings.bShowThumbnails && bShowNavFwrdNReverse )

            {

                $rewindButton.click(function() 

                {

                    bJumpForward = false;

                    var nTargetImg = nThumbFirstImg - 1;

                    if( nTargetImg < 0 )

                        nTargetImg = settings.nTotalImages - 1;

                    goToImage( nTargetImg, true );

                });       

            

                $forwardButton.click(function() 

                {

                    bJumpForward = true;

                    var nTargetImg = nThumbFirstImg + settings.nTotalThumbs;

                    if( nTargetImg >= settings.nTotalImages )

                        nTargetImg = 0;

                    goToImage( nTargetImg, true );

                });

                

                if( bPngHack )

                {

                    $rewindMap.hover(function() { $rewindButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.rewindoverButtonSrc + '\', sizingMethod=\'scale\')' }); }, function() { $rewindButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.rewindButtonSrc + '\', sizingMethod=\'scale\')' }); });

                    $forwardMap.hover(function() { $forwardButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.forwardoverButtonSrc + '\', sizingMethod=\'scale\')' }); }, function() { $forwardButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.forwardButtonSrc + '\', sizingMethod=\'scale\')' }); });

                }

                else

                {

                    $rewindButton.hover(function() { $(this).attr('src', settings.rewindoverButtonSrc); }, function() { $(this).attr('src', settings.rewindButtonSrc); });

                    $forwardButton.hover(function() { $(this).attr('src', settings.forwardoverButtonSrc); }, function() { $(this).attr('src', settings.forwardButtonSrc); });

                }                

            }



            $previousButton.click(function() 

            {

                stopTimer();

                bPrevious = true;

                switchSlide();

                bPrevious = false;

            });



            $playButton.click(function() 

            {

                if (bPlaying) 

                {

                    stopTimer();

                }

                else 

                {

                    switchSlide();

                    startTimer();

                }

            });



            $nextButton.click(function() 

            {

                stopTimer();

                switchSlide();

            });



            if( bPngHack )

            {

                $previousMap.hover(function() { $previousButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.prevoverButtonSrc + '\', sizingMethod=\'scale\')' }); }, function() { $previousButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.prevButtonSrc + '\', sizingMethod=\'scale\')' }); });

                $playMap.hover(function() 

                { if (bPlaying) $playButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.pauseoverButtonSrc + '\', sizingMethod=\'scale\')' }); else $playButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.playoverButtonSrc + '\', sizingMethod=\'scale\')' }); }, 

                function() 

                { if (bPlaying) $playButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.pauseButtonSrc + '\', sizingMethod=\'scale\')' }); 

                else $playButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.playButtonSrc + '\', sizingMethod=\'scale\')' }); });

                $nextMap.hover(function() { $nextButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.nextoverButtonSrc + '\', sizingMethod=\'scale\')' }); }, function() { $nextButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.nextButtonSrc + '\', sizingMethod=\'scale\')' }); });

            }

            else

            {

                $previousButton.hover(function() { $(this).attr('src', settings.prevoverButtonSrc); }, function() { $(this).attr('src', settings.prevButtonSrc); });

                $playButton.hover(function() 

                { if (bPlaying) $(this).attr('src', settings.pauseoverButtonSrc); else $(this).attr('src', settings.playoverButtonSrc); }, 

                function() 

                { if (bPlaying) $(this).attr('src', settings.pauseButtonSrc); else $(this).attr('src', settings.playButtonSrc); });

                $nextButton.hover(function() { $(this).attr('src', settings.nextoverButtonSrc); }, function() { $(this).attr('src', settings.nextButtonSrc); });

            }                

        }

        

        if( settings.bShowThumbnails && bShowNavFwrdNReverse && settings.bShowThumbnailArrows )

        {

            $thumbRewindButton.click(function() 

            {

                bJumpForward = false;

                var nTargetImg = nThumbFirstImg - 1;

                if( nTargetImg < 0 )

                    nTargetImg = settings.nTotalImages - 1;

                goToImage( nTargetImg, true );

            });       

        

            $thumbForwardButton.click(function() 

            {

                bJumpForward = true;

                var nTargetImg = nThumbFirstImg + settings.nTotalThumbs;

                if( nTargetImg >= settings.nTotalImages )

                    nTargetImg = 0;

                goToImage( nTargetImg, true );

            });                

 

            if( bPngHack )

            {

                $thumbRewindMap.hover(function() { $thumbRewindButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.thumboverRewindButtonSrc + '\', sizingMethod=\'scale\')' }); }, function() { $thumbRewindButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.thumbRewindButtonSrc + '\', sizingMethod=\'scale\')' }); });

                $thumbForwardMap.hover(function() { $thumbForwardButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.thumboverForwardButtonSrc + '\', sizingMethod=\'scale\')' }); }, function() { $thumbForwardButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.thumbForwardButtonSrc + '\', sizingMethod=\'scale\')' }); });

            }

            else

            {

                $thumbRewindButton.hover(function() { $(this).attr('src', settings.thumboverRewindButtonSrc); }, function() { $(this).attr('src', settings.thumbRewindButtonSrc); });

                $thumbForwardButton.hover(function() { $(this).attr('src', settings.thumboverForwardButtonSrc); }, function() { $(this).attr('src', settings.thumbForwardButtonSrc); });

            }

        }

        

        //-----------------------------------

        // Event handlers - Controls (caption and nav bar hover-slide action)

        //-----------------------------------

        if( settings.bShowNavBar || settings.bShowCaption )

        {

            if( settings.nControlBarStyle == eControlBarStyle.InternalTopAnimated ) 

                $frameDiv.hover(function() { $controlDiv.css({ visibility:'visible' }); $controlDiv.animate({ top: 0 }, 250); }, function() { $controlDiv.animate({ top: -$controlDiv.height() }, 250, function() { $controlDiv.css({ visibility:'hidden' }); }); });

            else if( settings.nControlBarStyle == eControlBarStyle.InternalBottomAnimated ) 

                $frameDiv.hover(function() { $controlDiv.css({ visibility:'visible' }); $controlDiv.animate({ top: settings.nImageDivHeight - $controlDiv.height() }, 250); }, function() { $controlDiv.animate({ top: settings.nImageDivHeight }, 250, function() { $controlDiv.css({ visibility:'hidden' }); }); });

       }



        //-----------------------------------

        // Event handlers - Thumbnails

        //-----------------------------------

        if( settings.bShowThumbnails )

        {

            if( settings.nThumbStyle == eThumbStyle.Resize || settings.nThumbStyle == eThumbStyle.ResizeHover ) 

            {

                $mainDiv.mousemove(function(e)

                { 

                    var ptMouseX = 0;

                    var ptMouseY = 0;

 

                    switch( nBrowser )

                    {

                        case eBrowser.Msie: 

                            {

                                if( jQuery.browser.version < 7  ) // IE6 and below don't support zoom

                                {

                                    ptMouseX = e.pageX - ( nGalleryLeft + nThumbDivLeft );

                                    ptMouseY = e.pageY - ( settings.nGalleryTop + nThumbDivTop );

                                }

                                else // IE7 and above support zoom

                                {

                                    var fZoom = getZoom();

                                    

                                    if( settings.nThumbPosition == eThumbPosition.Horizontal )

                                        ptMouseY = ( e.pageY / fZoom ) - ( settings.nGalleryTop + nThumbDivTop );

                                    else 

                                        ptMouseY = ( e.pageY / fZoom ) - ( settings.nGalleryTop + nThumbDivTop ) + ( fZoom > 1.0 ? ( ( e.pageY - e.clientY ) / fZoom ) : 0 );



                                    if( settings.bPageCentred )

                                    {

                                        nGalleryLeft = settings.nGalleryLeft + (( ( $(document).width() * ( fZoom < 1.0 ? fZoom : 1 ) ) - ( settings.nPageWidth / ( fZoom > 1.0 ? fZoom : 1 ) ) ) / 2 );                               

                                        ptMouseX = ( e.pageX / fZoom ) - ( nGalleryLeft + nThumbDivLeft ) + ( ( e.pageX - e.clientX ) / fZoom );

                                    }

                                    else

                                    {

                                        ptMouseX = ( e.pageX / fZoom ) - ( nGalleryLeft + nThumbDivLeft ) + ( ( e.pageX - e.clientX ) / fZoom );

                                    }

                                }

                            } 

                            break;

                    

                        case eBrowser.Mozilla:

                            {

                                ptMouseX = e.pageX - ( nGalleryLeft + nThumbDivLeft );

                                ptMouseY = e.pageY - ( settings.nGalleryTop + nThumbDivTop );

                            }

                            break;



                        case eBrowser.Opera:

                        case eBrowser.Safari:

                        case eBrowser.Chrome:

                            {

                                if( settings.bPageCentred )

                                {

                                    var fZoom = getZoom();

                                    nGalleryLeft = settings.nGalleryLeft + (( ( $(document).width() / ( fZoom > 0.99 ? fZoom : 1 ) ) - settings.nPageWidth ) / 2 );

                                }

                               

                                ptMouseX = e.pageX - ( nGalleryLeft + nThumbDivLeft );

                                ptMouseY = e.pageY - ( settings.nGalleryTop + nThumbDivTop );

                            }

                            break;

                    }

                    

                    if( settings.nThumbPosition == eThumbPosition.Horizontal )

                    {

                        if( ptMouseX > -1 && ptMouseX < nThumbDivWidth && ptMouseY > -1 && ptMouseY < ( nThumbDivHeight + nThumbHoverBoundary ) )

	                    {

	                        var nBorderRatio = 1;

	                        if( ptMouseX < nThumbHoverBoundary )

	                            nBorderRatio = 1 - Math.max( 0, ( ( nThumbHoverBoundary - ptMouseX ) / nThumbHoverBoundary ) );

	                        else if( ptMouseX > nThumbDivWidth - nThumbHoverBoundary )

	                            nBorderRatio = Math.max( 0, ( ( nThumbDivWidth - ptMouseX ) / nThumbHoverBoundary ) );

	                        else if( ptMouseY < nThumbHoverBoundary )

	                            nBorderRatio = 1 - Math.max( 0, ( ( nThumbHoverBoundary - ptMouseY ) / nThumbHoverBoundary ) );

	                        else if( ptMouseY > nThumbDivHeight )

	                            nBorderRatio = Math.max( 0, ( ( nThumbDivHeight + nThumbMinorHoverBoundary - ptMouseY ) / nThumbMinorHoverBoundary ) );

	                            

	                        var nSlideX = ( ptMouseX - ( nThumbDivWidth / 2 ) ) * 0.1 * nBorderRatio;



	                        var $frontThumbDiv = bFirstThumbDiv ? $thumb1Div : $thumb2Div;

	                        

	                        for (var i = 0; i < settings.nTotalThumbs; ++i) 

	                        {

	                            var nThumbCentre = ( (i + 0.5) * (settings.nThumbSize + settings.nThumbSpacing)) + ( nThumbDivBoundary / 2 );

	                            var nXOffset = ( ptMouseX - nThumbCentre ) < 0 ? nThumbCentre - ptMouseX : ptMouseX - nThumbCentre;

	                            var nRatio = Math.max( 0, ( 150 - nXOffset ) / 150 );



	                            var nImgResize = settings.nThumbSize * nRatio * nBorderRatio;

	                            var nImgLeft = (i * (settings.nThumbSize + settings.nThumbSpacing)) - ( nImgResize / 2 ) + ( nThumbDivBoundary / 2 ) - nSlideX;

	                            $frontThumbDiv.find('img:eq('+ i +')').css({ 'left': nImgLeft, 'width':(settings.nThumbSize + nImgResize), 'top':-nImgResize, 'height': (settings.nThumbSize + nImgResize) });

	                        }

	                        

	                        bMouseOverThumbs = true;

	                    }

	                    else if( bMouseOverThumbs )

	                    {

	                        bMouseOverThumbs = false;

	                        resetThumbSize( true );

	                    }

                    }

                    else

                    {

                        if( ptMouseX > -nThumbMinorHoverBoundary && ptMouseX < nThumbDivWidth  && ptMouseY > -1 && ptMouseY < nThumbDivHeight )

                        {

                            var nBorderRatio = 1;

                            if( ptMouseY < nThumbHoverBoundary )

                                nBorderRatio = 1 - Math.max( 0, ( ( nThumbHoverBoundary - ptMouseY ) / nThumbHoverBoundary ) );

                            else if( ptMouseY > nThumbDivHeight - nThumbHoverBoundary )

                                nBorderRatio = Math.max( 0, ( ( nThumbDivHeight - ptMouseY ) / nThumbHoverBoundary ) );

                            else if( ptMouseX > nThumbDivWidth - nThumbHoverBoundary )

                                nBorderRatio = Math.max( 0, ( ( nThumbDivWidth - ptMouseX ) / nThumbHoverBoundary ) );

                            if( ptMouseX < 0 )

                                nBorderRatio = Math.max( 0, ( ( nThumbMinorHoverBoundary + ptMouseX ) / nThumbMinorHoverBoundary ) );

                                

                            var nSlideY = ( ptMouseY - ( nThumbDivHeight / 2 ) ) * 0.1 * nBorderRatio;

                            

                            var $frontThumbDiv = bFirstThumbDiv ? $thumb1Div : $thumb2Div;

                            

                            for (var i = 0; i < settings.nTotalThumbs; ++i) 

                            {

                                var nThumbCentre = ( (i + 0.5) * (settings.nThumbSize + settings.nThumbSpacing)) + ( nThumbDivBoundary / 2 );

                                var nYOffset = ( ptMouseY - nThumbCentre ) < 0 ? nThumbCentre - ptMouseY : ptMouseY - nThumbCentre;

                                var nRatio = Math.max( 0, ( 150 - nYOffset ) / 150 );



                                var nImgResize = settings.nThumbSize * nRatio * nBorderRatio;

                                var nImgTop = (i * (settings.nThumbSize + settings.nThumbSpacing)) - ( nImgResize / 2 ) + ( nThumbDivBoundary / 2 ) - nSlideY;

                                $frontThumbDiv.find('img:eq('+ i +')').css({ 'left':0, 'width':(settings.nThumbSize + nImgResize), 'top':nImgTop, 'height': (settings.nThumbSize + nImgResize) });

                            }

 

                            bMouseOverThumbs = true;

                        }

                        else if( bMouseOverThumbs )

                        {

                            bMouseOverThumbs = false;

                            resetThumbSize( true );

                        }

                    }                   

                }); 

            }

        }

        

        //-----------------------------------

        // Final action once everything declared - start autoplay

        //-----------------------------------

        if( settings.bAutoplay )

            startTimer();

 

        //-----------------------------------

        // Function Declarations

        //-----------------------------------



        function initialise() 

        {

            // Append div for calculting zoom

            if( nBrowser == eBrowser.Safari || nBrowser == eBrowser.Opera )

                $mainDiv.append('<div id="' + strZoomId + '" style="position:fixed; top:0px; left:-100px; width:1px; height:100%;"></div>');



            // Append thumb div

            if( settings.bShowThumbnails )

            {

                $mainDiv.append('<div style="position:absolute; top:' + nThumbDivTop + '; left:' + nThumbDivLeft + '; width:' + nThumbDivWidth + '; height:' + nThumbDivHeight + '; z-index:' + ( settings.nZIndex + 5 ) +';"></div>');

                $thumbDiv = $mainDiv.find('div:last');

            }



            // Append frame div

            $mainDiv.append('<div style="position:absolute; top:' + settings.nImageDivTop + '; left:' + settings.nImageDivLeft + '; width:' + settings.nImageDivWidth + '; height:' + settings.nImageDivHeight + '; overflow:hidden"></div>');

            $frameDiv = $mainDiv.find('div:last');

            

            // Append first image and image div

            var nImageWidth = Math.min( settings.nImageDivWidth, getImageData( 0, eImageData.ImageWidth ) );

            var nImageHeight = Math.min( settings.nImageDivHeight, getImageData( 0, eImageData.ImageHeight ) );

            var nImageLeft = ( settings.nImageDivWidth - nImageWidth ) / 2;

            var nImageTop = ( settings.nImageDivHeight - nImageHeight ) / 2;

            $frameDiv.append('<div style="position:absolute; top:0; left:0; width:' + settings.nImageDivWidth + '; height:' + settings.nImageDivHeight + '"><img src=' + getImageData( 0, eImageData.ImageSrc ) + ' style="position:absolute; top:' + nImageTop + '; left:' + nImageLeft + '; width:' + nImageWidth + '; height:' + nImageHeight + '; z-index:' + ( settings.nZIndex + 1 ) + '; opacity:1.0; visibility:visible;"  title="' + getImageData( 0, eImageData.ImageCaption ) + '"/></div>');

            $imageDiv = $frameDiv.find('div:first');

 

            if( settings.bShowNavBar || settings.bShowCaption )

            {

                // Append control div

                switch( settings.nControlBarStyle )

                {

                    case eControlBarStyle.InternalTop:

                        $frameDiv.append('<div style="position:absolute; visibility:hidden; top:0; left:0; width:' + settings.nImageDivWidth + '; z-index:' + ( settings.nZIndex + 3 ) + ';"></div>');

                        $controlDiv = $frameDiv.find('div:last');

                    break;

     

                    case eControlBarStyle.InternalTopAnimated:

                        $frameDiv.append('<div style="position:absolute; visibility:hidden; top:' + (-100) +'; left:0; width:' + settings.nImageDivWidth + '; z-index:' + ( settings.nZIndex + 3 ) + ';"></div>');

                        $controlDiv = $frameDiv.find('div:last');

                    break;

                

                    case eControlBarStyle.InternalBottom:

                        $frameDiv.append('<div style="position:absolute; visibility:hidden; top:' + ( settings.nImageDivHeight - 20 ) +'; left:0; width:' + settings.nImageDivWidth + '; z-index:' + ( settings.nZIndex + 3 ) + ';"></div>');

                        $controlDiv = $frameDiv.find('div:last');

                    break;

     

                    case eControlBarStyle.InternalBottomAnimated:

                        $frameDiv.append('<div style="position:absolute; visibility:hidden; top:' + settings.nImageDivHeight +'; left:0; width:' + settings.nImageDivWidth + '; z-index:' + ( settings.nZIndex + 3 ) + '"></div>');

                        $controlDiv = $frameDiv.find('div:last');

                    break;

     

                    case eControlBarStyle.ExternalBottom:

                        $mainDiv.append('<div style="position:absolute; top:' + settings.nControlBarExternalTop +'; left:' + ( ( settings.nGalleryWidth - settings.nImageDivWidth ) / 2 ) + '; width:' + settings.nGalleryWidth + '; z-index:' + ( settings.nZIndex + 3 ) + '"></div>');

                        $controlDiv = $mainDiv.find('div:last');

                    break;

                }

           

                if( settings.bShowNavBar && settings.bNavBarOnTop )

                {

                    var nNavBarLeftPadding = ( settings.nNavBarAlignment == eNavbarAlignment.Right ) ? settings.nImageDivWidth - nNavBarWidth : ( settings.nNavBarAlignment == eNavbarAlignment.Left ) ? 0 : ( ( settings.nImageDivWidth - nNavBarWidth ) / 2 );

                    var strNavBarColour = ( settings.strNavBarColour == 'none' ? '' : ('background-color:' + settings.strNavBarColour + ';') );

                    var strNavBarOpacity = ( settings.nNavBarOpacity >= 1.0 ? '' : (' filter:alpha(opacity=' + ( settings.nNavBarOpacity * 100 ) + '); opacity:' + settings.nNavBarOpacity + '; -moz-opacity:' + settings.nNavBarOpacity + ';') );

                    var strNavDiv= '<div style="padding-left:' + nNavBarLeftPadding + '; width:100%; height:' + settings.nNavBarIconHeight + '; ' + strNavBarColour + strNavBarOpacity + '"></div>';

                    $controlDiv.append( strNavDiv );

                    $navBarDiv = $controlDiv.find('div:first');

                }

                if( settings.bShowCaption )

                {

                    var strCaptionText = showCaptionCount() + getImageData( 0, eImageData.ImageCaption );

                    var strCaptionColour = ( settings.strCaptionColour == 'none' ? '' : ('background-color:' + settings.strCaptionColour + ';') );

                    var strCaptionOpacity = ( settings.nCaptionOpacity >= 1.0 ? '' : (' filter:alpha(opacity=' + ( settings.nCaptionOpacity * 100 ) + '); opacity:' + settings.nCaptionOpacity + '; -moz-opacity:' + settings.nCaptionOpacity + ';') );

                    

                    var strCaptionDiv = '<div style="width:100%; height:' + settings.nCaptionFontSize + '; ' + strCaptionColour + strCaptionOpacity + ' color:' + settings.strCaptionTextColour + '; font-family:' + settings.strCaptionFontType + '; font-size:' + settings.nCaptionFontSize + '; font-weight:' + settings.strCaptionFontWeight + '; text-align:' + settings.strCaptionAlign + '; padding:5px"> ' + strCaptionText + ' </div>';

                    $controlDiv.append( strCaptionDiv );

                    $captionDiv = $controlDiv.find('div:last');

                }

                if( settings.bShowNavBar )

                {

                    if( !settings.bNavBarOnTop  )

                    {

                        var nNavBarLeftPadding = ( settings.nNavBarAlignment == eNavbarAlignment.Right ) ? settings.nImageDivWidth - nNavBarWidth : ( settings.nNavBarAlignment == eNavbarAlignment.Left ) ? 0 : ( ( settings.nImageDivWidth - nNavBarWidth ) / 2 );

                        var strNavBarColour = ( settings.strNavBarColour == 'none' ? '' : ('background-color:' + settings.strNavBarColour + ';') );

						var strNavBarOpacity = ( settings.nNavBarOpacity >= 1.0 ? '' : (' filter:alpha(opacity=' + ( settings.nNavBarOpacity * 100 ) + '); opacity:' + settings.nNavBarOpacity + '; -moz-opacity:' + settings.nNavBarOpacity + ';') );

						var strNavDiv= '<div style="padding-left:' + nNavBarLeftPadding + '; width:100%; height:' + settings.nNavBarIconHeight + '; ' + strNavBarColour + strNavBarOpacity + '"></div>';

                        $controlDiv.append( strNavDiv );

                        $navBarDiv = $controlDiv.find('div:last');

                    }

 

                    // Append nav bar buttons

                    if( settings.bShowThumbnails && bShowNavFwrdNReverse )

                    {

                        if( bPngHack )

                        {

                            $navBarDiv.append('<map id="' + strRewindMapId + '" name="' + strRewindMapId + '" style="position:relative; left:' + nNavBarLeftPadding + 'px; top:0px; width:' + settings.nNavBarIconWidth + 'px; height:' + settings.nNavBarIconHeight + 'px;"><area shape="rect" coords="0,0,' + settings.nNavBarIconWidth + ',' + settings.nNavBarIconHeight + '"></map><img src="' + settings.blankSrc + '" width="' + settings.nNavBarIconWidth + 'px" height="' + settings.nNavBarIconHeight + 'px" border="0" title="' + settings.strRewindToolTip + '" usemap="#' + strRewindMapId + '" style="cursor:pointer; border-style:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.rewindButtonSrc + '\', sizingMethod=\'scale\');">');                        

                            $navBarDiv.append('<map id="' + strPreviousMapId + '" name="' + strPreviousMapId + '" style="position:relative; left:' + ( nNavBarLeftPadding + settings.nNavBarIconWidth ) + 'px; top:0px; width:' + settings.nNavBarIconWidth + 'px; height:' + settings.nNavBarIconHeight + 'px;"><area shape="rect" coords="0,0,' + settings.nNavBarIconWidth + ',' + settings.nNavBarIconHeight + '"></map><img src="' + settings.blankSrc + '" width="' + settings.nNavBarIconWidth + 'px" height="' + settings.nNavBarIconHeight + 'px" border="0" title="' + settings.strPreviousToolTip + '" usemap="#' + strPreviousMapId + '" style="cursor:pointer; border-style:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.prevButtonSrc + '\', sizingMethod=\'scale\');">');                        

                            $navBarDiv.append('<map id="' + strPlayMapId + '" name="' + strPlayMapId + '" style="position:relative; left:' + ( nNavBarLeftPadding + ( settings.nNavBarIconWidth * 1 ) ) + 'px; top:0px; width:' + settings.nNavBarIconWidth + 'px; height:' + settings.nNavBarIconHeight + 'px;"><area shape="rect" coords="0,0,' + settings.nNavBarIconWidth + ',' + settings.nNavBarIconHeight + '"></map><img src="' + settings.blankSrc + '" width="' + settings.nNavBarIconWidth + 'px" height="' + settings.nNavBarIconHeight + 'px" border="0" title="' + settings.strPlayToolTip + '" usemap="#' + strPlayMapId + '" style="cursor:pointer; border-style:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.playButtonSrc + '\', sizingMethod=\'scale\');">');                        

                            $navBarDiv.append('<map id="' + strNextMapId + '" name="' + strNextMapId + '" style="position:relative; left:' + ( nNavBarLeftPadding + ( settings.nNavBarIconWidth * 2 ) ) + 'px; top:0px; width:' + settings.nNavBarIconWidth + 'px; height:' + settings.nNavBarIconHeight + 'px;"><area shape="rect" coords="0,0,' + settings.nNavBarIconWidth + ',' + settings.nNavBarIconHeight + '"></map><img src="' + settings.blankSrc + '" width="' + settings.nNavBarIconWidth + 'px" height="' + settings.nNavBarIconHeight + 'px" border="0" title="' + settings.strNextToolTip + '" usemap="#' + strNextMapId + '" style="cursor:pointer; border-style:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.nextButtonSrc + '\', sizingMethod=\'scale\');">');                        

                            $navBarDiv.append('<map id="' + strForwardMapId + '" name="' + strForwardMapId + '" style="position:relative; left:' + ( nNavBarLeftPadding + ( settings.nNavBarIconWidth * 3 ) ) + 'px; top:0px; width:' + settings.nNavBarIconWidth + 'px; height:' + settings.nNavBarIconHeight + 'px;"><area shape="rect" coords="0,0,' + settings.nNavBarIconWidth + ',' + settings.nNavBarIconHeight + '"></map><img src="' + settings.blankSrc + '" width="' + settings.nNavBarIconWidth + 'px" height="' + settings.nNavBarIconHeight + 'px" border="0" title="' + settings.strForwardToolTip + '" usemap="#' + strForwardMapId + '" style="cursor:pointer; border-style:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.forwardButtonSrc + '\', sizingMethod=\'scale\');">');                        

                       

                            $rewindMap = $navBarDiv.find('map:eq(0)');

                            $previousMap = $navBarDiv.find('map:eq(1)');

                            $playMap = $navBarDiv.find('map:eq(2)');

                            $nextMap = $navBarDiv.find('map:eq(3)');

                            $forwardMap = $navBarDiv.find('map:eq(4)');

                        }

                        else

                        {

                           $navBarDiv.append('<img src=' + settings.rewindButtonSrc + ' title="' + settings.strRewindToolTip + '" style="border-style:none; cursor:pointer;">');

                           $navBarDiv.append('<img src=' + settings.prevButtonSrc + ' title="' + settings.strPreviousToolTip + '" style="border-style:none; cursor:pointer;">');

                           $navBarDiv.append('<img src=' + settings.playButtonSrc + ' title="' + settings.strPlayToolTip + '" style="border-style:none; cursor:pointer;">');

                           $navBarDiv.append('<img src=' + settings.nextButtonSrc + ' title="' + settings.strNextToolTip + '" style="border-style:none; cursor:pointer;">');

                           $navBarDiv.append('<img src=' + settings.forwardButtonSrc + ' title="' + settings.strForwardToolTip + '" style="border-style:none; cursor:pointer;">');

                        }



                        $rewindButton = $navBarDiv.find('img:eq(0)');

                        $previousButton = $navBarDiv.find('img:eq(1)');

                        $playButton = $navBarDiv.find('img:eq(2)');

                        $nextButton = $navBarDiv.find('img:eq(3)');

                        $forwardButton = $navBarDiv.find('img:eq(4)');

                    }

                    else

                    {

                        if( bPngHack )

                        {

                            $navBarDiv.append('<map id="' + strPreviousMapId + '" name="' + strPreviousMapId + '" style="position:relative; left:' + ( nNavBarLeftPadding + settings.nNavBarIconWidth ) + 'px; top:0px; width:' + settings.nNavBarIconWidth + 'px; height:' + settings.nNavBarIconHeight + 'px;"><area shape="rect" coords="0,0,' + settings.nNavBarIconWidth + ',' + settings.nNavBarIconHeight + '"></map><img src="' + settings.blankSrc + '" width="' + settings.nNavBarIconWidth + 'px" height="' + settings.nNavBarIconHeight + 'px" border="0" title="' + settings.strPreviousToolTip + '" usemap="#' + strPreviousMapId + '" style="cursor:pointer; border-style:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.prevButtonSrc + '\', sizingMethod=\'scale\');">');                        

                            $navBarDiv.append('<map id="' + strPlayMapId + '" name="' + strPlayMapId + '" style="position:relative; left:' + ( nNavBarLeftPadding + ( settings.nNavBarIconWidth * 1 ) ) + 'px; top:0px; width:' + settings.nNavBarIconWidth + 'px; height:' + settings.nNavBarIconHeight + 'px;"><area shape="rect" coords="0,0,' + settings.nNavBarIconWidth + ',' + settings.nNavBarIconHeight + '"></map><img src="' + settings.blankSrc + '" width="' + settings.nNavBarIconWidth + 'px" height="' + settings.nNavBarIconHeight + 'px" border="0" title="' + settings.strPlayToolTip + '" usemap="#' + strPlayMapId + '" style="cursor:pointer; border-style:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.playButtonSrc + '\', sizingMethod=\'scale\');">');                        

                            $navBarDiv.append('<map id="' + strNextMapId + '" name="' + strNextMapId + '" style="position:relative; left:' + ( nNavBarLeftPadding + ( settings.nNavBarIconWidth * 2 ) ) + 'px; top:0px; width:' + settings.nNavBarIconWidth + 'px; height:' + settings.nNavBarIconHeight + 'px;"><area shape="rect" coords="0,0,' + settings.nNavBarIconWidth + ',' + settings.nNavBarIconHeight + '"></map><img src="' + settings.blankSrc + '" width="' + settings.nNavBarIconWidth + 'px" height="' + settings.nNavBarIconHeight + 'px" border="0" title="' + settings.strNextToolTip + '" usemap="#' + strNextMapId + '" style="cursor:pointer; border-style:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.nextButtonSrc + '\', sizingMethod=\'scale\');">');                        

                       

                            $previousMap = $navBarDiv.find('map:eq(0)');

                            $playMap = $navBarDiv.find('map:eq(1)');

                            $nextMap = $navBarDiv.find('map:eq(2)');

                        }

                        else

                        {

                            $navBarDiv.append('<a style="cursor:pointer;"><img src=' + settings.prevButtonSrc + ' title="' + settings.strPreviousToolTip + '" style="border-style:none"></a>');

                            $navBarDiv.append('<a style="cursor:pointer;"><img src=' + settings.playButtonSrc + ' title="' + settings.strPlayToolTip + '" style="border-style:none"></a>');

                            $navBarDiv.append('<a style="cursor:pointer;"><img src=' + settings.nextButtonSrc + ' title="' + settings.strNextToolTip + '" style="border-style:none"></a>');

                        }

                    

                        $previousButton = $navBarDiv.find('img:eq(0)');

                        $playButton = $navBarDiv.find('img:eq(1)');

                        $nextButton = $navBarDiv.find('img:eq(2)');

                    }

                }

                

                switch( settings.nControlBarStyle )

                {

                    case eControlBarStyle.InternalTop:

                        $controlDiv.css({ visibility:'visible' });             

                    break;



                    case eControlBarStyle.InternalTopAnimated:

                        $controlDiv.css({ top:(-$controlDiv.height()) });             

                    break;

                

                    case eControlBarStyle.InternalBottom:

                        $controlDiv.css({ visibility:'visible', top:( settings.nImageDivHeight - $controlDiv.height()) });             

                    break;

                }

            }              

 

            if( settings.bShowThumbnails )

            {

                if( settings.nThumbPosition == eThumbPosition.Horizontal )

                {

                    // Append thumbnail 1 div

                    var nNestedThumbDivTop = ( settings.nThumbStyle == eThumbStyle.Resize || settings.nThumbStyle == eThumbStyle.ResizeHover ) ? settings.nThumbSize : 0;

                    $thumbDiv.append('<div style="position:absolute; top:' + nNestedThumbDivTop + '; left:0; width:' + nThumbDivWidth + '; height:' + settings.nThumbSize + '"></div>');

                    $thumb1Div = $thumbDiv.find('div:first');

           

                    // Append thumbnail 2 div

                    $thumbDiv.append('<div style="position:absolute; top:' + nNestedThumbDivTop + '; left:' + settings.nGalleryWidth + '; width:' + nThumbDivWidth + '; height:' + settings.nThumbSize + '"></div>');

                    $thumb2Div = $thumbDiv.find('div:last');

                }

                else

                {

                    // Append thumbnail 1 div

                    $thumbDiv.append('<div style="position:absolute; top:0; left:0; width:' + nThumbDivWidth + '; height:' + nThumbDivHeight + '"></div>');

                    $thumb1Div = $thumbDiv.find('div:first');

           

                    // Append thumbnail 2 div

                    $thumbDiv.append('<div style="position:absolute; top:' + settings.nGalleryHeight + '; left:0; width:' + nThumbDivWidth + '; height:' + settings.nThumbDivHeight + '"></div>');

                    $thumb2Div = $thumbDiv.find('div:last');

                }

       

                // Load the thumbnails 

                for (var i = 0; i < settings.nTotalThumbs; ++i) 

                {

                    var nImgOpacity = ( settings.nThumbStyle == eThumbStyle.Opacity || settings.nThumbStyle == eThumbStyle.OpacityActive || settings.nThumbStyle == eThumbStyle.OpacityHover ) ? settings.nThumbOpacity : 1.0;

                    var strBorderStyle = ( settings.bThumbBorder ? 'solid' : 'none' );

 

                    if( settings.nThumbPosition == eThumbPosition.Horizontal )

                    {

                        var nImgLeft = (i * (settings.nThumbSize + settings.nThumbSpacing)) + ( nThumbDivBoundary / 2 );



                        // Append first thumb div

                        if( i < settings.nTotalImages )

                        {

                            $thumb1Div.append('<a style="cursor:pointer;"><img style="position:absolute; left:' + nImgLeft + '; height:' + settings.nThumbSize + '; width:' + settings.nThumbSize + '; border-style:' + strBorderStyle + '; border-color:' + settings.strThumbBorderColour + '; border-width:' + settings.nColBorderWidth + '; filter:alpha(opacity=' + ( nImgOpacity * 100 ) + '); opacity:' + nImgOpacity + '; -moz-opacity:' + nImgOpacity + '; visibility:visible" src=' + settings.loadingButtonSrc + ' title="' + getImageData( i, eImageData.ImageCaption ) + '"/></a>');

                            loadImage( $thumb1Div.find('a:eq('+ i +')').find('img:first'), getImageData( i, eImageData.ThumbSrc ), i, true );

                        }

   

                        // Append Second thumb div

                        if( settings.nTotalThumbs + i < settings.nTotalImages )

                        {

                            $thumb2Div.append('<a style="cursor:pointer;"><img style="position:absolute; left:' + nImgLeft + '; height:' + settings.nThumbSize + '; width:' + settings.nThumbSize + '; border-style:' + strBorderStyle + '; border-color:' + settings.strThumbBorderColour + '; border-width:' + settings.nColBorderWidth + '; filter:alpha(opacity=' + ( nImgOpacity * 100 ) + '); opacity:' + nImgOpacity + '; -moz-opacity:' + nImgOpacity + '; visibility:visible" src=' + settings.loadingButtonSrc + ' title="' + getImageData( settings.nTotalThumbs + i, eImageData.ImageCaption ) + '"/></a>');

                            loadImage( $thumb2Div.find('a:eq('+ i +')').find('img:first'), getImageData( settings.nTotalThumbs + i, eImageData.ThumbSrc ), i, true );

                        }

                    }

                    else

                    {

                        var nImgTop = (i * (settings.nThumbSize + settings.nThumbSpacing)) + ( nThumbDivBoundary / 2 );

                        

                        // Append first thumb div

                        if( i < settings.nTotalImages )

                        {

                            $thumb1Div.append('<a style="cursor:pointer;"><img style="position:absolute; left:0; top:' + nImgTop + '; height:' + settings.nThumbSize + '; width:' + settings.nThumbSize + '; border-style:' + strBorderStyle + '; border-color:' + settings.strThumbBorderColour + '; border-width:' + settings.nColBorderWidth + '; filter:alpha(opacity=' + ( nImgOpacity * 100 ) + '); opacity:' + nImgOpacity + '; -moz-opacity:' + nImgOpacity + '; visibility:visible" src=' + getImageData( i, eImageData.ThumbSrc ) + ' title="' + getImageData( i, eImageData.ImageCaption ) + '"/></a>');

                            loadImage( $thumb1Div.find('a:eq('+ i +')').find('img:first'), getImageData( i, eImageData.ThumbSrc ), i, true );

                        }

                       

                        // Append second thumb div

                        if( settings.nTotalThumbs + i < settings.nTotalImages )

                        {

                            $thumb2Div.append('<a style="cursor:pointer;"><img style="position:absolute; left:0; top:' + nImgTop + '; height:' + settings.nThumbSize + '; width:' + settings.nThumbSize + '; border-style:' + strBorderStyle + '; border-color:' + settings.strThumbBorderColour + '; border-width:' + settings.nColBorderWidth + '; filter:alpha(opacity=' + ( nImgOpacity * 100 ) + '); opacity:' + nImgOpacity + '; -moz-opacity:' + nImgOpacity + '; visibility:visible" src=' + getImageData( settings.nTotalThumbs + i, eImageData.ThumbSrc ) + ' title="' + getImageData( settings.nTotalThumbs + i, eImageData.ImageCaption ) + '"/></a>');

                            loadImage( $thumb2Div.find('a:eq('+ i +')').find('img:first'), getImageData( i, eImageData.ThumbSrc ), i, true );

                        }

                    }



                    if( i < settings.nTotalImages )

                    {

                        $thumb1Div.find('img:eq('+ i +')').click( function( nThumb ) { return function() { goToImage(nThumb, false); } }(i));                

                        if( settings.bThumbBorder )

                            $thumb1Div.find('img:eq('+ i +')').hover( function() { $(this).css({ 'border-color':settings.strThumbBorderHoverColour }); }, function( nThumb ) { return function() { var bHighlight = ((nCurrentImage-nThumbFirstImg) == nThumb); $(this).css({ 'border-color':(bHighlight?settings.strThumbBorderActiveColour:settings.strThumbBorderColour) }); } }(i));

                        if( settings.nThumbStyle == eThumbStyle.Opacity ) 

                            $thumb1Div.find('img:eq('+ i +')').hover( function(){ $(this).animate({ opacity:1.0 }, 200 ); }, function( nThumb ){ return function(){ var bHighlight = ((nCurrentImage-nThumbFirstImg) == nThumb); $(this).animate({ opacity:(bHighlight?1.0:settings.nThumbOpacity) }, 20 ); } }(i)); 

                        else if( settings.nThumbStyle == eThumbStyle.OpacityHover ) 

                            $thumb1Div.find('img:eq('+ i +')').hover( function(){ $(this).animate({ opacity:1.0 }, 200 ); }, function(){ $(this).animate({ opacity:settings.nThumbOpacity }, 20 ); }); 

                    }

                    

                    if( settings.nTotalThumbs + i < settings.nTotalImages )

                    {

                        $thumb2Div.find('img:eq('+ i +')').click( function( nThumb ) { return function() { goToImage(nThumb, false); } }(i));

                        if( settings.bThumbBorder )

                            $thumb2Div.find('img:eq('+ i +')').hover( function() { $(this).css({ 'border-color':settings.strThumbBorderHoverColour }); }, function( nThumb ) { return function() { var bHighlight = ((nCurrentImage-nThumbFirstImg) == nThumb); $(this).css({ 'border-color':(bHighlight?settings.strThumbBorderActiveColour:settings.strThumbBorderColour) }); } }(i));

                        if( settings.nThumbStyle == eThumbStyle.Opacity ) 

                            $thumb2Div.find('img:eq('+ i +')').hover( function(){ $(this).animate({ opacity:1.0 }, 200 ); }, function( nThumb ){ return function(){ var bHighlight = ((nCurrentImage-nThumbFirstImg) == nThumb); $(this).animate({ opacity:(bHighlight?1.0:settings.nThumbOpacity) }, 20 ); } }(i)); 

                        else if( settings.nThumbStyle == eThumbStyle.OpacityHover ) 

                            $thumb2Div.find('img:eq('+ i +')').hover( function(){ $(this).animate({ opacity:1.0 }, 200 ); }, function(){ $(this).animate({ opacity:settings.nThumbOpacity }, 20 ); }); 

                    }

                }

            

                if( settings.bThumbBorder )

                    $thumb1Div.find('img:eq(0)').css({ 'border-color':settings.strThumbBorderActiveColour });

                if( settings.nThumbStyle == eThumbStyle.Opacity || settings.nThumbStyle == eThumbStyle.OpacityActive )

                    $thumb1Div.find('img:eq(0)').css({ opacity:1.0 });

                else if( settings.nThumbStyle == eThumbStyle.Resize || settings.nThumbStyle == eThumbStyle.ResizeActive )

                {

                    if( settings.nThumbPosition == eThumbPosition.Horizontal )

                        $thumb1Div.find('img:eq(0)').css({ 'left':(( nThumbDivBoundary / 2 ) - ( nThumbActiveResize / 2 )), 'top':-nThumbActiveResize, width:settings.nThumbSize + nThumbActiveResize, height:settings.nThumbSize + nThumbActiveResize });

                    else

                        $thumb1Div.find('img:eq(0)').css({ 'top':(( nThumbDivBoundary / 2 ) - ( nThumbActiveResize / 2 )), width:settings.nThumbSize + nThumbActiveResize, height:settings.nThumbSize + nThumbActiveResize });

                }

                

                if( settings.bShowThumbnailArrows )

                {

                    if( settings.nThumbPosition == eThumbPosition.Horizontal )

                    {

                        var nThumbTop = settings.nThumbTop + ( ( settings.nThumbSize - settings.nThumbButtonSize ) / 2 ) + (( settings.nThumbStyle == eThumbStyle.Resize ||  settings.nThumbStyle == eThumbStyle.ResizeActive ||  settings.nThumbStyle == eThumbStyle.ResizeHover ) ? settings.nThumbSize : 0 );

                        var nThumbLeft = settings.nThumbButtonIndent;

                        var nThumbRight = settings.nGalleryWidth - ( settings.nThumbButtonIndent + settings.nThumbButtonSize );

                        

                        if( bPngHack )

                        {

                            $mainDiv.append('<map id="' + strThumbRewindMapId + '" name="' + strThumbRewindMapId + '" style="position:absolute; left:' + nThumbLeft + 'px; top:' + nThumbTop + 'px; width:' + settings.nThumbButtonSize + 'px; height:' + settings.nThumbButtonSize + 'px;"><area shape="rect" coords="0,0,' + settings.nThumbButtonSize + ',' + settings.nThumbButtonSize + '"></map><img src="' + settings.blankSrc + '" border="0" title="' + settings.strThumbRewindToolTip + '" usemap="#' + strThumbRewindMapId + '" style="position:absolute; left:' + nThumbLeft + 'px; top:' + nThumbTop + 'px; width:' + settings.nThumbButtonSize + 'px; height:' + settings.nThumbButtonSize + 'px; z-index:' + ( settings.nZIndex + 6 ) + '; cursor:pointer; border-style:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.thumbRewindButtonSrc + '\', sizingMethod=\'scale\');">');                        

                            $thumbRewindMap = $mainDiv.find('map:last');

                            $thumbRewindButton = $mainDiv.find(('img:last'));

                            

                            $mainDiv.append('<map id="' + strThumbForwardMapId + '" name="' + strThumbForwardMapId + '" style="position:absolute; left:' + nThumbRight + 'px; top:' + nThumbTop + 'px; width:' + settings.nThumbButtonSize + 'px; height:' + settings.nThumbButtonSize + 'px;"><area shape="rect" coords="0,0,' + settings.nThumbButtonSize + ',' + settings.nThumbButtonSize + '"></map><img src="' + settings.blankSrc + '" border="0" title="' + settings.strThumbForwardToolTip + '" usemap="#' + strThumbForwardMapId + '" style="position:absolute; left:' + nThumbRight + 'px; top:' + nThumbTop + 'px; width:' + settings.nThumbButtonSize + 'px; height:' + settings.nThumbButtonSize + 'px; z-index:' + ( settings.nZIndex + 6 ) + '; cursor:pointer; border-style:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.thumbForwardButtonSrc + '\', sizingMethod=\'scale\');">');                        

                            $thumbForwardMap = $mainDiv.find('map:last');

                            $thumbForwardButton = $mainDiv.find(('img:last'));

                        }

                        else

                        {

                            $mainDiv.append('<a style="cursor:pointer;"><img src=' + settings.thumbRewindButtonSrc + ' title="' + settings.strThumbRewindToolTip + '" style="position:absolute; top:' + nThumbTop + '; left:' + nThumbLeft + '; z-index:' + ( settings.nZIndex + 6 ) + '; border-style:none;"></a>');

                            $thumbRewindButton = $mainDiv.find('a:last').find(('img:eq(0)'));

                            

                            $mainDiv.append('<a style="cursor:pointer;"><img src=' + settings.thumbForwardButtonSrc + ' title="' + settings.strThumbForwardToolTip + '" style="position:absolute; top:' + nThumbTop + '; left:' + nThumbRight + '; z-index:' + ( settings.nZIndex + 6 ) + '; border-style:none;"></a>');

                            $thumbForwardButton = $mainDiv.find('a:last').find(('img:eq(0)'));

                        }

                    }

                    else

                    {

                        var nThumbLeft = settings.nThumbLeft + ( ( settings.nThumbSize - settings.nThumbButtonSize ) / 2 );

                        var nThumbTop = settings.nThumbButtonIndent;

                        var nThumbBottom = settings.nGalleryHeight - ( settings.nThumbButtonIndent + settings.nThumbButtonSize );

               

                        if( bPngHack )

                        {

                            $mainDiv.append('<map id="' + strThumbRewindMapId + '" name="' + strThumbRewindMapId + '" style="position:absolute; left:' + nThumbLeft + 'px; top:' + nThumbTop + 'px; width:' + settings.nThumbButtonSize + 'px; height:' + settings.nThumbButtonSize + 'px;"><area shape="rect" coords="0,0,' + settings.nThumbButtonSize + ',' + settings.nThumbButtonSize + '"></map><img src="' + settings.blankSrc + '" border="0" title="' + settings.strThumbRewindToolTip + '" usemap="#' + strThumbRewindMapId + '" style="position:absolute; left:' + nThumbLeft + 'px; top:' + nThumbTop + 'px; width:' + settings.nThumbButtonSize + 'px; height:' + settings.nThumbButtonSize + 'px; z-index:' + ( settings.nZIndex + 6 ) + '; cursor:pointer; border-style:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.thumbRewindButtonSrc + '\', sizingMethod=\'scale\');">');                        

                            $thumbRewindMap = $mainDiv.find('map:last');

                            $thumbRewindButton = $mainDiv.find(('img:last'));

                            

                            $mainDiv.append('<map id="' + strThumbForwardMapId + '" name="' + strThumbForwardMapId + '" style="position:absolute; left:' + nThumbLeft + 'px; top:' + nThumbBottom + 'px; width:' + settings.nThumbButtonSize + 'px; height:' + settings.nThumbButtonSize + 'px;"><area shape="rect" coords="0,0,' + settings.nThumbButtonSize + ',' + settings.nThumbButtonSize + '"></map><img src="' + settings.blankSrc + '" border="0" title="' + settings.strThumbForwardToolTip + '" usemap="#' + strThumbForwardMapId + '" style="position:absolute; left:' + nThumbLeft + 'px; top:' + nThumbBottom + 'px; width:' + settings.nThumbButtonSize + 'px; height:' + settings.nThumbButtonSize + 'px; z-index:' + ( settings.nZIndex + 6 ) + '; cursor:pointer; border-style:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.thumbForwardButtonSrc + '\', sizingMethod=\'scale\');">');                        

                            $thumbForwardMap = $mainDiv.find('map:last');

                            $thumbForwardButton = $mainDiv.find(('img:last'));

                        }

                        else

                        {

                            $mainDiv.append('<a style="cursor:pointer;"><img src=' + settings.thumbRewindButtonSrc + ' title="' + settings.strThumbRewindToolTip + '" style="position:absolute; top:' + nThumbTop + '; left:' + nThumbLeft + '; z-index:' + ( settings.nZIndex + 6 ) + '; border-style:none;"></a>');

                            $thumbRewindButton = $mainDiv.find('a:last').find(('img:eq(0)'));

                       

                            $mainDiv.append('<a style="cursor:pointer;"><img src=' + settings.thumbForwardButtonSrc + ' title="' + settings.strThumbForwardToolTip + '" style="position:absolute; top:' + nThumbBottom + '; left:' + nThumbLeft + '; z-index:' + ( settings.nZIndex + 6 ) + '; border-style:none;"></a>');

                            $thumbForwardButton = $mainDiv.find('a:last').find(('img:eq(0)'));

                        }

                    }

                }

            }



            // Load the images into the gallery div

            for (var i = 1; i < settings.nTotalImages; ++i) 

            {

                $imageDiv.append('<img src=' + settings.loadingButtonSrc + ' style="position:absolute; top:' + nImageTop + '; left:' + nImageLeft + '; width:' + nImageWidth + '; height:' + nImageHeight + '; z-index:' + ( settings.nZIndex + 1 ) + '; opacity:0.0; visibility:hidden;" title="' + getImageData( i, eImageData.ImageCaption ) + '"/>');

            }

  

            // Preload images in the current and next screens

            nTotalNextImages = Math.min( ( settings.nTotalThumbs * 2 ), settings.nTotalImages );

            for (var i = 0; i < nTotalNextImages; ++i) 

            {

                loadImage( $imageDiv.find('img:eq('+ i +')'), getImageData( i, eImageData.ImageSrc ), i, false );

            }

            

            // Preload images and thumbs in previous screen

            if( settings.nTotalImages > ( settings.nTotalThumbs * 2 ) )

            {

                nStartOfPrevImgages = ( settings.nTotalImages - settings.nTotalThumbs );

            

                for (var i = nStartOfPrevImgages; i < settings.nTotalImages; ++i)

                {

                    loadImage( $imageDiv.find('img:eq('+ i +')'), getImageData( i, eImageData.ImageSrc ), i, false );

                    

                    var thumb = new Image();

                    thumb.src = getImageData( i, eImageData.ThumbSrc );

                }            

            }

        };

 

        function loadImage( div, strImageSrc, nPos, bThumb )

        {

            var image = new Image();

            

            image.onload = function() 

            { 

                if( bThumb )  

                {

                    $(div).attr({ 'src':strImageSrc });

                }

                else

                {

                    var nWidth = Math.min( settings.nImageDivWidth, getImageData( nPos, eImageData.ImageWidth ) );

                    var nHeight = Math.min( settings.nImageDivHeight, getImageData( nPos, eImageData.ImageHeight ) );

                    var nLeft = ( settings.nImageDivWidth - nWidth ) / 2;

                    var nTop = ( settings.nImageDivHeight - nHeight ) / 2;

           

                    $(div).attr({ 'src':strImageSrc });

                    $(div).css({ 'left':nLeft, 'top':nTop, 'width':nWidth, 'height':nHeight });

                }

            };

            

            image.src = strImageSrc;

        }; 



        function stopTimer() 

        {

            $imageDiv.stopTime();



            if( bPngHack )

                { if( settings.bShowNavBar ){ $playButton.attr({ 'title':settings.strPlayToolTip }); $playButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.playButtonSrc + '\', sizingMethod=\'scale\')' }); } }

            else

                { if( settings.bShowNavBar ){ $playButton.attr({ 'src':settings.playButtonSrc, 'title':settings.strPlayToolTip }); } }

            bPlaying = false;

        };



        function startTimer() 
        {

            if (!bPlaying) 

            {

                bPlaying = true;



                if( bPngHack )

                    { if( settings.bShowNavBar ){ $playButton.attr({ 'title':settings.strPauseToolTip }); $playButton.css({ 'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + settings.pauseButtonSrc + '\', sizingMethod=\'scale\')' }); } }

                else

                    { if( settings.bShowNavBar ){ $playButton.attr({ 'src':settings.pauseButtonSrc, 'title':settings.strPauseToolTip }); } }



                $imageDiv.everyTime((settings.nStaticTime + settings.nTransitTime), "GalleryTimer", function() { switchSlide(); });

            }

        };



        function showCaptionCount() 

        {

            if( settings.bCaptionCount )

                return (' ' + (nCurrentImage + 1) + '/' + settings.nTotalImages + ' ');

            else

                return ('');

        };



        function goToImage(nThumb, bJump) 

        {

            if( bScrollingThumbs )

                return;

            

            if( bJump )

            {

                nImage = nThumb;

                bScrollingThumbs = true;

            }

            else

            {

                nImage = nThumbFirstImg + nThumb;

            }

            

            if (nImage != nCurrentImage) 

            {

                stopTimer();

                nPreviousImage = nCurrentImage;

                nCurrentImage = nImage;

                bJump ? bJumpToImage = true : bGoToImage = true; 

                switchSlide();

                bJump ? bJumpToImage = false : bGoToImage = false; 

            }

        }



        function resetThumbSize( bFrontDiv ) 

        {

            var $thumbDiv;

            

            if( bFrontDiv )

                var $thumbDiv = bFirstThumbDiv ? $thumb1Div : $thumb2Div;

            else

                var $thumbDiv = bFirstThumbDiv ? $thumb2Div : $thumb1Div;



            if( settings.nThumbPosition == eThumbPosition.Horizontal )

            {

                for (var i = 0; i < settings.nTotalThumbs; ++i) 

                {

                    var nImgLeft = (i * (settings.nThumbSize + settings.nThumbSpacing)) + ( nThumbDivBoundary / 2 );

                    $thumbDiv.find('img:eq('+ i +')').css({ 'top':0, 'left': nImgLeft, 'width':settings.nThumbSize, 'height': settings.nThumbSize });

                }

            }

            else

            {

                for (var i = 0; i < settings.nTotalThumbs; ++i) 

                {

                    var nImgTop = (i * (settings.nThumbSize + settings.nThumbSpacing)) + ( nThumbDivBoundary / 2 );

                    $thumbDiv.find('img:eq('+ i +')').css({ 'top':nImgTop, 'width':settings.nThumbSize, 'height': settings.nThumbSize });

                }

            }

        }

        

        function getZoom() 

        {

            switch( nBrowser )

            {

                case eBrowser.Msie:

                    return ( document.documentElement.offsetHeight / $(window).height() );

            

                case eBrowser.Chrome: 

                    var rcWnd = document.body.getBoundingClientRect(); // ( This function also works for Msie ) 

                    return ( ( Math.round((rcWnd.right-rcWnd.left)/document.body.clientWidth * 100) ) / 100 );

            

                case eBrowser.Safari:

                    return ( $(window).height() / document.getElementById( strZoomId ).offsetHeight );



                case eBrowser.Opera:

                    return ( window.innerHeight / document.getElementById( strZoomId ).offsetHeight );

            }

            

            return 1;

        }



        function getImageData( nImage, nData ) 

        {

            var bValidImage = ( settings.imageArray[ nImage ] != null && settings.imageArray[ nImage ].wp_image != null );    



            switch( nData )

            {

                case eImageData.ImageSrc:

                {

                    if( bValidImage )

                        return settings.imageArray[ nImage ].wp_image.imgsrc;

                    else

                        return "";

                }

    

                case eImageData.ImageWidth:

                {

                    if( bValidImage )

                        return settings.imageArray[ nImage ].wp_image.width;

                    else

                        return 200;

                }



                case eImageData.ImageHeight:

                {

                    if( bValidImage )

                        return settings.imageArray[ nImage ].wp_image.height;

                    else

                        return 200;

                }



                case eImageData.ImageCaption:

                {

                    if( bValidImage )

                        return settings.imageArray[ nImage ].wp_image.caption;

                    else

                        return "";

                }



                case eImageData.ThumbSrc:

                {

                    if( bValidImage )

                        return settings.imageArray[ nImage ].wp_image.thumbSrc;

                    else

                        return "";

                }

            }

        }



        function scrollThumbs( bForward ) 

        {

            if( settings.bShowThumbnails && bShowNavFwrdNReverse )

            {

                bScrollingThumbs = true;

                

                var nDirection = bForward ? 1 : -1;

                var $frontThumbDiv = bFirstThumbDiv ? $thumb1Div : $thumb2Div;

                var $backThumbDiv = bFirstThumbDiv ? $thumb2Div : $thumb1Div;

                

                nThumbFirstImg += nDirection * settings.nTotalThumbs;

                if( nThumbFirstImg >= settings.nTotalImages )

                    nThumbFirstImg = 0;

                else if( nThumbFirstImg < 0 )

                    nThumbFirstImg = settings.nTotalImages - ( settings.nTotalImages % settings.nTotalThumbs > 0 ? settings.nTotalImages % settings.nTotalThumbs : settings.nTotalThumbs )

                    

                if( settings.nThumbPosition == eThumbPosition.Horizontal )

                    $backThumbDiv.css({ left: ( nDirection * settings.nGalleryWidth ) });

                else

                    $backThumbDiv.css({ top: ( nDirection * settings.nGalleryHeight ) });

                

                resetThumbSize( false );

                bFirstThumbDiv = !bFirstThumbDiv;

          

                var nValidThumbs = Math.min( settings.nTotalImages - nThumbFirstImg, settings.nTotalThumbs );

                for (var i = 0; i < settings.nTotalThumbs; ++i) 

                {

                   if( i < nValidThumbs )

                   {

                        $backThumbDiv.find('img:eq('+ i +')').attr({ 'src': settings.loadingButtonSrc, 'title': getImageData( nThumbFirstImg + i, eImageData.ImageCaption ) });

                        $backThumbDiv.find('img:eq('+ i +')').css({ 'visibility': 'visible' });

                        loadImage( $backThumbDiv.find('img:eq('+ i +')'), getImageData( nThumbFirstImg + i, eImageData.ThumbSrc ), i, true );

                   }    

                   else

                   {

                        $backThumbDiv.find('img:eq('+ i +')').css({ 'visibility': 'hidden' });

                   }    

                }



                if( settings.nThumbPosition == eThumbPosition.Horizontal )

                {

                    $backThumbDiv.animate({ left: 0 }, settings.nTransitTime);

                    $frontThumbDiv.animate({ left: ( nDirection * -settings.nGalleryWidth ) }, settings.nTransitTime, function() { preloadDivImages( bForward ); bScrollingThumbs = false; } );

                }

                else

                {

                    $backThumbDiv.animate({ top: 0 }, settings.nTransitTime);

                    $frontThumbDiv.animate({ top: ( nDirection * -settings.nGalleryHeight ) }, settings.nTransitTime, function() { preloadDivImages( bForward ); bScrollingThumbs = false; } );

                }

            

            }

        }

        

        function preloadDivImages( bForward )

        {

            // Pre-load the next set of thumbs and images

            if( bForward )

            {

                // Preload the thumbs and images in the next div

                var nFirstThumbInNextDiv = nThumbFirstImg + settings.nTotalThumbs;               

                var nLastThumbInNextDiv = Math.min( nFirstThumbInNextDiv + settings.nTotalThumbs, settings.nTotalImages );               

                if( nFirstThumbInNextDiv < settings.nTotalImages )

                {

                    for (var i = nFirstThumbInNextDiv; i < nLastThumbInNextDiv; ++i)

                    {

                        loadImage( $imageDiv.find('img:eq('+ i +')'), getImageData( i, eImageData.ImageSrc ), i, false );

                        

                        var thumb = new Image();

                        thumb.src = getImageData( i, eImageData.ThumbSrc );

                    } 

                }

            }

            else

            {

                // Preload the thumbs and images in the previous div

                var nFirstThumbInPrevDiv = ( nThumbFirstImg - settings.nTotalThumbs < 0 ) ? ( settings.nTotalImages - settings.nTotalThumbs ) : ( nThumbFirstImg - settings.nTotalThumbs );                 

                var nLastThumbInPrevDiv = Math.min( nFirstThumbInPrevDiv + settings.nTotalThumbs, settings.nTotalImages );               

                if( nFirstThumbInPrevDiv > 0 )

                {

                    for (var i = nFirstThumbInPrevDiv; i < nLastThumbInPrevDiv; ++i)

                    {

                        loadImage( $imageDiv.find('img:eq('+ i +')'), getImageData( i, eImageData.ImageSrc ), i, false );



                        var thumb = new Image();

                        thumb.src = getImageData( i, eImageData.ThumbSrc );

                    }

                }

            }

        }; 

                

        function switchSlide() 

        {

            var $nextImg;

            var $activeImg



            if (bJumpToImage)

            {

                $activeImg = $imageDiv.find('img:eq(' + nPreviousImage + ')');

                $nextImg = $imageDiv.find('img:eq(' + nCurrentImage + ')');

                scrollThumbs( bJumpForward );

            }            

            else if (bGoToImage) 

            {

                $activeImg = $imageDiv.find('img:eq(' + nPreviousImage + ')');

                $nextImg = $imageDiv.find('img:eq(' + nCurrentImage + ')');

                if ($nextImg.length == 0) 

                {

                    $next = $imageDiv.find('img:first');

                    nCurrentImage = 0;

                }

            }

            else if (bPrevious) 

            {

                $activeImg = $imageDiv.find('img:eq(' + nCurrentImage + ')');

                $nextImg = $activeImg.prev('img');

                nPreviousImage = nCurrentImage--;



                if (nCurrentImage < 0 || $nextImg.length == 0) 

                {

                    $nextImg = $imageDiv.find('img:last');

                    nCurrentImage = settings.nTotalImages - 1;

                    scrollThumbs( false );

                }

                else

                {

                    if ((nCurrentImage + 1) % settings.nTotalThumbs == 0)

                        scrollThumbs( false );

                }                

            }

            else 

            {

                $activeImg = $imageDiv.find('img:eq(' + nCurrentImage + ')');

                $nextImg = $activeImg.next('img');

                nPreviousImage = nCurrentImage++;



                if (nCurrentImage < 0 || $nextImg.length == 0) 

                {

                    $nextImg = $imageDiv.find('img:first');

                    nCurrentImage = 0;

                    scrollThumbs( true );

                }

                else

                {

                    if (nCurrentImage % settings.nTotalThumbs == 0)

                        scrollThumbs( true );

                }

            }

            

            // Ensure an active image has been assigned

            if( $activeImg.length == 0 )

                $activeImg = $imageDiv.find('img:last');



            // Ensure the next image visibility is hidden and opacity 1.0

            $nextImg.css({ visibility:'hidden', opacity:1.0 });



            // Dynamically load the image - just in case it hasn't yet been loaded

            loadImage( $nextImg, getImageData( nCurrentImage, eImageData.ImageSrc ), nCurrentImage, false );



            // Update the image caption

            if( settings.bShowCaption )

            {

                var strCaption = showCaptionCount() + $nextImg.attr('title');

                $captionDiv.text( strCaption );

            } 

                

            // Determine switch direction for left-to-right/top-to-bottom transition styles

            var bForceNormalTransit = false;

            if( nCurrentImage == 0 && nPreviousImage == ( settings.nTotalImages - 1 ) )

                bForceNormalTransit = true;

            else if( bJumpToImage && bJumpForward )

                 bForceNormalTransit = true;

 

            // Perform transition animation on main image

            switch( settings.nTransitionStyle )

            {

                case eTransitStyle.Basic:

                    $nextImg.css({ opacity:1.0, 'z-index':( settings.nZIndex + 2 ), visibility:'visible' });

                    $activeImg.css({ opacity:1.0, 'z-index':( settings.nZIndex + 1 ), visibility:'hidden' });

                break;

              

                case eTransitStyle.OpaqueFade:

                    $activeImg.animate({ opacity: 0.0 }, settings.nTransitTime);

                    $nextImg.css({ opacity:0.0, 'z-index':( settings.nZIndex + 2 ), visibility:'visible' });

                    $nextImg.animate({ opacity: 1.0 }, settings.nTransitTime, function() { $activeImg.css({ opacity:0.0, 'z-index':( settings.nZIndex + 1 ), visibility:'hidden' }); });

                break;

            

                case eTransitStyle.LeftToRight:

                    var nActiveImgLeft = ( settings.nImageDivWidth - Math.min( settings.nImageDivWidth, getImageData( nPreviousImage, eImageData.ImageWidth ) ) ) / 2;

                    var nNextImgLeft = ( settings.nImageDivWidth - Math.min( settings.nImageDivWidth, getImageData( nCurrentImage, eImageData.ImageWidth ) ) ) / 2;



                    if( !bForceNormalTransit && ( bPrevious || nPreviousImage > nCurrentImage || ( bJumpToImage && !bJumpForward && nCurrentImage == ( settings.nTotalImages - 1 ) ) ) )

                    {

                        // Shift left to right

                        $nextImg.animate({ left: ( -settings.nImageDivWidth + nNextImgLeft ) }, 1, function(){ $nextImg.css({ visibility:'visible' }); } );

                        $activeImg.animate({ left:( settings.nImageDivWidth + nActiveImgLeft ) }, settings.nTransitTime);

                        $nextImg.animate({ left: nNextImgLeft }, settings.nTransitTime, function() { $activeImg.css({ opacity:1.0, 'z-index':( settings.nZIndex + 1 ), visibility:'hidden' }); });

                    }

                    else

                    {

                        // Shift right to left

                        $nextImg.animate({ left: ( settings.nImageDivWidth + nNextImgLeft ) }, 1, function(){ $nextImg.css({ visibility:'visible' }); } );

                        $activeImg.animate({ left: ( -settings.nImageDivWidth + nActiveImgLeft ) }, settings.nTransitTime);

                        $nextImg.animate({ left: nNextImgLeft }, settings.nTransitTime, function() { $activeImg.css({ opacity:1.0, 'z-index':( settings.nZIndex + 1 ), visibility:'hidden' }); });

                    }

                break;

            

                case eTransitStyle.TopToBottom:

                    var nActiveImgTop = ( settings.nImageDivHeight - Math.min( settings.nImageDivHeight, getImageData( nPreviousImage, eImageData.ImageHeight ) ) ) / 2;

                    var nNextImgTop = ( settings.nImageDivHeight - Math.min( settings.nImageDivHeight, getImageData( nCurrentImage, eImageData.ImageHeight ) ) ) / 2;



                    if( !bForceNormalTransit && ( bPrevious || nPreviousImage > nCurrentImage || ( bJumpToImage && !bJumpForward && nCurrentImage == ( settings.nTotalImages - 1 ) ) ) )

                    {

                        // Shift top to bottom

                        $nextImg.animate({ top: -settings.nImageDivHeight + nNextImgTop } , 1, function(){ $nextImg.css({ visibility:'visible' }); } );

                        $activeImg.animate({ top: ( settings.nImageDivHeight + nActiveImgTop ) }, settings.nTransitTime);

                        $nextImg.animate({ top: nNextImgTop }, settings.nTransitTime, function() { $activeImg.css({ opacity:1.0, 'z-index':( settings.nZIndex + 1 ), visibility:'hidden' }); });

                    }

                    else

                    {

                        // Shift bottom to top

                        $nextImg.animate({ top: settings.nImageDivHeight + nNextImgTop }, 1, function(){ $nextImg.css({ visibility:'visible' }); }  );

                        $activeImg.animate({ top: ( -settings.nImageDivHeight + nActiveImgTop ) }, settings.nTransitTime);

                        $nextImg.animate({ top: nNextImgTop }, settings.nTransitTime, function() { $activeImg.css({ opacity:1.0, 'z-index':( settings.nZIndex + 1 ), visibility:'hidden' }); });

                    }

                break;

            

                case eTransitStyle.SquareFade:

                    var nNextImgWidth = Math.min( settings.nImageDivWidth, getImageData( nCurrentImage, eImageData.ImageWidth ) );

                    var nNextImgHeight = Math.min( settings.nImageDivHeight, getImageData( nCurrentImage, eImageData.ImageHeight ) );

                    var nNextImgLeft = ( ( settings.nImageDivWidth - nNextImgWidth ) / 2 );

                    var nNextImgTop = ( ( settings.nImageDivHeight - nNextImgHeight ) / 2 );

                    

                    $nextImg.animate({ width: '0', height: '0', left: (settings.nImageDivWidth/2), top: (settings.nImageDivHeight/2) }, 1 );

                    $activeImg.animate({ width: '0', height: '0', left: (settings.nImageDivWidth/2), top: (settings.nImageDivHeight/2) }, (settings.nTransitTime/2), function(){ $nextImg.css({ visibility:'visible' }); $activeImg.css({ visibility:'hidden' }); $nextImg.animate({ width: nNextImgWidth, height: nNextImgHeight, left: nNextImgLeft, top: nNextImgTop }, (settings.nTransitTime/2)); } );

                break;

            

                case eTransitStyle.VerticalFlip:

                    var nNextImgWidth = Math.min( settings.nImageDivWidth, getImageData( nCurrentImage, eImageData.ImageWidth ) );

                    var nNextImgLeft = ( ( settings.nImageDivWidth - nNextImgWidth ) / 2 );



                    $nextImg.animate({ width: '0', left: (settings.nImageDivWidth/2) }, 1 );

                    $activeImg.animate({ width: '0', left: (settings.nImageDivWidth/2) }, (settings.nTransitTime/2), function(){ $nextImg.css({ visibility:'visible' }); $activeImg.css({ visibility:'hidden' }); $nextImg.animate({ width: nNextImgWidth, left: nNextImgLeft }, (settings.nTransitTime/2)); } );

                break;

            

                case eTransitStyle.HorizontalFlip:

                    var nNextImgHeight = Math.min( settings.nImageDivHeight, getImageData( nCurrentImage, eImageData.ImageHeight ) );

                    var nNextImgTop = ( ( settings.nImageDivHeight - nNextImgHeight ) / 2 );



                    $nextImg.animate({ height: '0', top: (settings.nImageDivHeight/2) }, 1 );

                    $activeImg.animate({ height: '0', top: (settings.nImageDivHeight/2) }, (settings.nTransitTime/2), function(){ $nextImg.css({ visibility:'visible' }); $activeImg.css({ visibility:'hidden' }); $nextImg.animate({ height: nNextImgHeight, top: nNextImgTop }, (settings.nTransitTime/2)); } );

                break;

            }

 

            if( settings.bShowThumbnails )

            {

                // Perform thumbnail animation

                if( settings.bThumbBorder 

                || settings.nThumbStyle == eThumbStyle.Resize 

                || settings.nThumbStyle == eThumbStyle.ResizeActive 

                || settings.nThumbStyle == eThumbStyle.Opacity 

                || settings.nThumbStyle == eThumbStyle.OpacityActive )

                {

                    // Find the active thumbnail and highlight it

                    var $frontThumbDiv = bFirstThumbDiv ? $thumb1Div : $thumb2Div;

                    

                    var $thumbDiv = $frontThumbDiv.find('img:eq('+ ( nCurrentImage - nThumbFirstImg ) +')');

                    

                    var nThumbOffset = ( (nCurrentImage % settings.nTotalThumbs) * ( settings.nThumbSize + settings.nThumbSpacing)) + ( nThumbDivBoundary / 2 );



                    if( settings.bThumbBorder )

                        $thumbDiv.css({ 'border-color':settings.strThumbBorderActiveColour });

                    

                    if( ( settings.nThumbStyle == eThumbStyle.Resize || settings.nThumbStyle == eThumbStyle.ResizeActive ) && !bMouseOverThumbs )

                    {

                        if( settings.nThumbPosition == eThumbPosition.Horizontal )

                        {

                            if( nBrowser == eBrowser.Chrome || nBrowser == eBrowser.Safari ) // Account for zoom factor in chrome and safari

                                $thumbDiv.css({ 'left':( nThumbOffset / getZoom() ) });



                            $thumbDiv.animate({ 'left':(nThumbOffset - (nThumbActiveResize/2)), 'top':-nThumbActiveResize, 'width':settings.nThumbSize + nThumbActiveResize, 'height':settings.nThumbSize + nThumbActiveResize }, 100);

                        }

                        else

                        {

                            if( nBrowser == eBrowser.Chrome || nBrowser == eBrowser.Safari ) // Account for zoom factor in chrome and safari

                                $thumbDiv.css({ 'top':( nThumbOffset / getZoom() ) });



                            $thumbDiv.animate({ 'top':(nThumbOffset - (nThumbActiveResize/2)), 'width':settings.nThumbSize + nThumbActiveResize, 'height':settings.nThumbSize + nThumbActiveResize }, 100);

                        }

                    

                    }

                    else if( settings.nThumbStyle == eThumbStyle.Opacity || settings.nThumbStyle == eThumbStyle.OpacityActive )

                    {

                        $thumbDiv.animate({ 'opacity':1.0, '-moz-opacity':1.0, 'filter:alpha:opacity':100 }, 200);

                    }

             

                    // Find the previous thumbnail and remove the highlighting

                    if( nPreviousImage < nThumbFirstImg || nPreviousImage >= nThumbFirstImg + settings.nTotalThumbs ) // If image resides on back thumb div

                        $frontThumbDiv = bFirstThumbDiv ? $thumb2Div : $thumb1Div; 

                    

                    $thumbDiv = $frontThumbDiv.find('img:eq('+ ( nPreviousImage % settings.nTotalThumbs ) +')');

 

                    if( settings.bThumbBorder )

                        $thumbDiv.css({ 'border-color':settings.strThumbBorderColour });

 

                    nThumbOffset = ( (nPreviousImage % settings.nTotalThumbs) * (settings.nThumbSize + settings.nThumbSpacing)  ) + ( nThumbDivBoundary / 2 );

                    

                    if( ( settings.nThumbStyle == eThumbStyle.Resize || settings.nThumbStyle == eThumbStyle.ResizeActive ) && !bMouseOverThumbs )

                    {

                        if( settings.nThumbPosition == eThumbPosition.Horizontal )

                        {

                            if( nBrowser == eBrowser.Chrome || nBrowser == eBrowser.Safari ) // Account for zoom factor in chrome and safari

                                $thumbDiv.css({ 'left':( nThumbOffset / getZoom() ) });

                            

                            $thumbDiv.animate({ 'left':nThumbOffset, 'top':0, 'width':settings.nThumbSize, 'height':settings.nThumbSize }, 100 );

                        }

                        else

                        {

                            if( nBrowser == eBrowser.Chrome || nBrowser == eBrowser.Safari ) // Account for zoom factor in chrome and safari

                                $thumbDiv.css({ 'top':( nThumbOffset / getZoom() ) });

                            

                            $thumbDiv.animate({ 'left':0, 'top':nThumbOffset, 'width':settings.nThumbSize, 'height':settings.nThumbSize }, 100 );

                        }

                    }

                    else if( settings.nThumbStyle == eThumbStyle.Opacity || settings.nThumbStyle == eThumbStyle.OpacityActive )

                    {

                        $thumbDiv.animate({ 'opacity':settings.nThumbOpacity, '-moz-opacity':settings.nThumbOpacity, 'filter:alpha:opacity':(settings.nThumbOpacity*100) }, 200);

                    }

                }

            }

        };

    };

})(jQuery);



//-----------------------------------

// Global Functions

//-----------------------------------



function wp_galleryimage(imgsrc, width, height, thumbSrc, caption) 

{

    this.wp_image = new Image();

    this.wp_image.imgsrc = imgsrc;

    this.wp_image.width = width;

    this.wp_image.height = height;

    this.wp_image.thumbSrc = thumbSrc;

    this.wp_image.caption = caption;

}