slideShowURL = 'SlideShow_assets/SlideShow.html';       // parameter from openSlideShowWindow.js
slideShowNS4URL = 'SlideShow_assets/SlideShowNS4.html'; // parameter from openSlideShowWindow.js

slides = new Array();
slides[0] = new Slide('../Designs_files/IMG_0316.jpg', '600', '800', 'Cabo style bags in medium and small - s-$70 m-$90 l-$110');
slides[1] = new Slide('../Designs_files/IMG_0314.jpg', '800', '600', 'Cabo Bag - side view');
slides[2] = new Slide('../Designs_files/IMG_0377.jpg', '800', '600', 'Medium Cabo Bag - Star tile');
slides[3] = new Slide('../Designs_files/IMG_0378.jpg', '800', '600', 'Medium Cabo Bag');
slides[4] = new Slide('../Designs_files/IMG_0381.jpg', '800', '600', 'Medium Cabo Bag');
slides[5] = new Slide('../Designs_files/IMG_0382.jpg', '600', '800', 'A Trio of Cabo bags');
slides[6] = new Slide('../Designs_files/IMG_0388.jpg', '600', '800', 'Cabo bags poolside');
slides[7] = new Slide('../Designs_files/IMG_0472.jpg', '800', '600', 'Medium Cabo Bag in water lotus print');
slides[8] = new Slide('../Designs_files/IMG_0474.jpg', '800', '600', 'Medium Cabo Bag in Grandiflora print');
slides[9] = new Slide('../Designs_files/IMG_0137.jpg', '800', '600', 'small shoulder bag \n$40');
slides[10] = new Slide('../Designs_files/IMG_0146.jpg', '800', '600', 'medium shoulder bag\n$50');
slides[11] = new Slide('../Designs_files/IMG_0143.jpg', '800', '600', 'Ruby Tunic - Reversible\nLotus  - $40');
slides[12] = new Slide('../Designs_files/IMG_0144.jpg', '800', '600', 'Ruby Tunic - Reversible\nLotus - $40');
slides[13] = new Slide('../Designs_files/IMG_0730.jpg', '800', '600', 'Ruby Tunic - Reversible\nFresh Cut - $40');
slides[14] = new Slide('../Designs_files/IMG_0731.jpg', '800', '600', 'Ruby Tunic - Reversible\nFresh Cut - $40');
slides[15] = new Slide('../Designs_files/IMG_0794.jpg', '600', '800', 'Ruby Tunic - Reversible');
slides[16] = new Slide('../Designs_files/IMG_0795.jpg', '600', '800', 'Ruby Tunic - Reversible');
slides[17] = new Slide('../Designs_files/IMG_0792.jpg', '800', '600', 'Sarah Tote - Large\nBekah Fabric - $80');
slides[18] = new Slide('../Designs_files/DSC01197.jpg', '800', '600', 'Sarah Tote - Extra Large\nFrench Wallpaper Fabric - $90');
slides[19] = new Slide('../Designs_files/DSC01191.jpg', '800', '600', 'Sarah Tote - Large\nMum Fabric - $80');
slides[20] = new Slide('../Designs_files/IMG_0783.jpg', '600', '800', 'Camouflage Snuggle Bib and Burpie - $34');
slides[21] = new Slide('../Designs_files/IMG_0784.jpg', '600', '800', 'Onsie, Sunggle Bib and Burpie\nCity Girl - $46');
slides[22] = new Slide('../Designs_files/DSC01184.jpg', '600', '800', 'French Wallpaper bib and  burpie - $34');
slides[23] = new Slide('../Designs_files/DSC01187.jpg', '600', '800', 'Sushi bib and burpie - $34');
slides[24] = new Slide('../Designs_files/DSC01188.jpg', '600', '800', 'jungle love bib and burpie -$34');
slides[25] = new Slide('../Designs_files/DSC01189.jpg', '600', '800', 'Old West bib and burpie - $34');
slides[26] = new Slide('../Designs_files/DSC01190.jpg', '600', '800', 'Gothic Rose bib and burpie - $34');
slides[27] = new Slide('../Designs_files/DSC01183.jpg', '600', '800', 'tropics bib & burpie set - $34');
slides[28] = new Slide('../Designs_files/DSC01179.jpg', '600', '800', 'space wrangler bib & burpie set - $34');
slides[29] = new Slide('../Designs_files/DSC01143.jpg', '600', '800', ' Geisha Fan Bib and Burpie Set - $34');
slides[30] = new Slide('../Designs_files/DSC01370.jpg', '600', '800', 'Amanda Clutch/Make-up Case\nFreshcut - $25');
slides[31] = new Slide('../Designs_files/DSC01394.jpg', '600', '800', '$12 for short-sleeve, $18 for long sleeve');
slides[32] = new Slide('../Designs_files/DSC01398.jpg', '600', '800', 'Snuggle Bib bib & blankie set\nFresh Cut - $40');
slides[33] = new Slide('../Designs_files/DSC01420.jpg', '600', '800', 'Extra Large Sarah Totes');
slides[34] = new Slide('../Designs_files/IMG_0095.jpg', '600', '800', 'small digital camera case $12 (can be made to fit any camera)');
slides[35] = new Slide('../Designs_files/DSC01129.jpg', '600', '800', 'Blanket front (completed)');
slides[36] = new Slide('../Designs_files/DSC01130.jpg', '600', '800', 'Blanket backing');
slides[37] = new Slide('../Designs_files/DSC01135.jpg', '600', '800', 'Belle Placemats - $18/mat');
slides[38] = new Slide('../Designs_files/DSC01147.jpg', '600', '800', 'A collection of Burpies');
slides[39] = new Slide('../Designs_files/DSC00948.jpg', '600', '800', 'My favorite headbands - $12');
slides[40] = new Slide('../Designs_files/DSC00947.jpg', '600', '800', 'Bucket-style and flat cosmetic cases');
slides[41] = new Slide('../Designs_files/DSC00969.jpg', '600', '800', 'Silk knitting needle case in Tangerine & Ivory - $50');
slides[42] = new Slide('../Designs_files/DSC00970.jpg', '600', '800', 'Silk knitting needle case with flap down \n(ready to fold)');
slides[43] = new Slide('../Designs_files/DSC00971.jpg', '800', '600', 'Tangerine & Ivory\nrolled up');
slides[44] = new Slide('../Designs_files/DSC00982.jpg', '600', '800', 'Silk knitting needle cases');
slides[45] = new Slide('../Designs_files/DSC01076.jpg', '800', '600', 'Small Brittney Bag\nBamboo');
slides[46] = new Slide('../Designs_files/DSC01079.jpg', '800', '600', 'Pocket Tote');
slides[47] = new Slide('../Designs_files/DSC00686.jpg', '800', '600', 'Animal Cracker Quilt (made for Cade)');
slides[48] = new Slide('../Designs_files/DSC00677.jpg', '800', '600', 'Striped Tote - $70');
slides[49] = new Slide('../Designs_files/DSC00654.jpg', '600', '800', 'Bamboo Handled Bag - $50');
slides[50] = new Slide('../Designs_files/DSC00655.jpg', '800', '600', 'Small Brittney Bag\nCharm - $65');
slides[51] = new Slide('../Designs_files/DSC00945.jpg', '800', '600', 'Small Brittney bag\nautumn paisley - $65');
slides[52] = new Slide('../Designs_files/DSC00944.jpg', '800', '600', 'Sarah’s bridesmaids’ handbags $60');
slides[53] = new Slide('../Designs_files/DSC00943.jpg', '800', '600', 'Psychedelic bucket bag - $50');
isPureISOLatin1 = true;
contentEncodingConstant = 4;
feedbackURL = "TODO";
showFeedbackButton = false;
feedbackEnabled = true;

function NBmouseover(index)
{
    var normal = document.getElementById("navbar_"+index+"_normal");
    var rollover = document.getElementById("navbar_"+index+"_rollover");
    if (normal && rollover)
    {
        normal.style.visibility = "hidden";
        rollover.style.visibility = "visible";
    }
    return true;
}

function NBmouseout(index)
{
    var normal = document.getElementById("navbar_"+index+"_normal");
    var rollover = document.getElementById("navbar_"+index+"_rollover");
    if (normal && rollover)
    {
        normal.style.visibility = "visible";
        rollover.style.visibility = "hidden";
    }
    return true;
}

var windowsInternetExplorer = false;
var browserVersion = 0;
function detectBrowser()
{
    windowsInternetExplorer = false;
    var appVersion = navigator.appVersion;
    if ((appVersion.indexOf("MSIE") != -1) &&
        (appVersion.indexOf("Macintosh") == -1))
    {
        var temp = appVersion.split("MSIE");
        browserVersion = parseFloat(temp[1]);
        windowsInternetExplorer = true;
    }
}

function fixupIEPNGBG(oBlock) 
{
    if (oBlock)
    {
        var currentBGImage = oBlock.currentStyle.backgroundImage;
        var currentBGRepeat = oBlock.currentStyle.backgroundRepeat;
        var urlStart = currentBGImage.indexOf('url(');
        var urlEnd = currentBGImage.indexOf(')', urlStart);
        var imageURL = currentBGImage.substring(urlStart + 4, urlEnd);

        if (imageURL.charAt(0) == '"')
        {
            imageURL = imageURL.substring(1);
        }
        
        if (imageURL.charAt(imageURL.length - 1) == '"')
        {
            imageURL = imageURL.substring(0, imageURL.length - 1);
        }

        var overrideRepeat = false;

        var filterStyle =
            "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
            imageURL +
            "', sizingMethod='crop');";

        if (RegExp("/C[0-9A-F]{8}.png$").exec(imageURL) != null)
        {
            filterStyle =
                "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
                imageURL +
                "', sizingMethod='scale');";

            overrideRepeat = true;
        }

        var backgroundImage = new Image();
        backgroundImage.src = imageURL;
        var tileWidth = backgroundImage.width;
        var tileHeight = backgroundImage.height; 
        
        var blockWidth = 0;
        var blockHeight = 0;
        if (oBlock.style.width)
        {
            blockWidth = parseInt(oBlock.style.width);
        }
        else
        {
            blockWidth = oBlock.offsetWidth;
        }
        if (oBlock.style.height)
        {
            blockHeight = parseInt(oBlock.style.height);
        }
        else
        {
            blockHeight = oBlock.offsetHeight;
        }

        if ((blockWidth == 0) || (blockHeight == 0))
        {
            return;
        }
        
        var wholeRows = 1;
        var wholeCols = 1;
        var extraHeight = 0;
        var extraWidth = 0;
        
        if ((currentBGRepeat.indexOf("no-repeat") != -1) ||
              ((tileWidth == 0) && (tileHeight == 0)) ||
              overrideRepeat)
        {
            tileWidth = blockWidth;
            tileHeight = blockHeight;

        }
        else if ((currentBGRepeat.indexOf("repeat-x") != -1) ||
              (tileHeight == 0))
        {
            wholeCols = Math.floor(blockWidth / tileWidth);
            extraWidth = blockWidth - (tileWidth * wholeCols);
            tileHeight = blockHeight;

        }
        else if (currentBGRepeat.indexOf("repeat-y") != -1)
        {
            wholeRows = Math.floor(blockHeight / tileHeight);
            extraHeight = blockHeight - (tileHeight * wholeRows);
            tileWidth = blockWidth;

        }
        else
        {
            wholeCols = Math.floor(blockWidth / tileWidth);
            wholeRows = Math.floor(blockHeight / tileHeight);
            extraWidth = blockWidth - (tileWidth * wholeCols);
            extraHeight = blockHeight - (tileHeight * wholeRows);
        }
        
        var wrappedContent = document.createElement("div");
        wrappedContent.style.position = "relative";
        wrappedContent.style.zIndex = "1";
        wrappedContent.style.left = "0px";
        wrappedContent.style.top = "0px";
        if (!isNaN(parseInt(oBlock.style.width)))
        {
            wrappedContent.style.width = "" + blockWidth + "px";
        }
        if (!isNaN(parseInt(oBlock.style.height)))
        {
            wrappedContent.style.height = "" + blockHeight + "px";
        }
        var pngBGFixIsWrappedContentEmpty = true;
        while (oBlock.hasChildNodes())
        {
            if (oBlock.firstChild.nodeType == 3)
            {
                if (RegExp("^ *$").exec(oBlock.firstChild.data) == null)
                {
                    pngBGFixIsWrappedContentEmpty = false;
                }
            }
            else
            {
                pngBGFixIsWrappedContentEmpty = false;
            }
            wrappedContent.appendChild(oBlock.firstChild);
        }
        if (pngBGFixIsWrappedContentEmpty)
        {
            wrappedContent.style.lineHeight = "0px";
        }
        
        var newMarkup = "";
        for (var currentRow = 0; 
             currentRow < wholeRows; 
             currentRow++)
        {
            for (currentCol = 0; 
                 currentCol < wholeCols; 
                 currentCol++)
            {
                newMarkup += "<div style=" +
                        "\"position: absolute; line-height: 0px; " +
                        "width: " + tileWidth + "px; " +
                        "height: " + tileHeight + "px; " +
                        "left:" + currentCol *  tileWidth + "px; " +
                        "top:" + currentRow *  tileHeight + "px; " +
                        "filter:" + filterStyle + 
                        "\" > </div>";
            }
            
            if (extraWidth != 0)
            {
                newMarkup += "<div style=" +
                        "\"position: absolute; line-height: 0px; " +
                        "width: " + extraWidth + "px; " +
                        "height: " + tileHeight + "px; " +
                        "left:" + currentCol *  tileWidth + "px; " +
                        "top:" + currentRow *  tileHeight + "px; " +
                        "filter:" + filterStyle + 
                        "\" > </div>";
            }
        }
        
        if (extraHeight != 0)
        {
            for (currentCol = 0; 
                 currentCol < wholeCols; 
                 currentCol++)
            {
                newMarkup += "<div style=" +
                        "\"position: absolute; line-height: 0px; " +
                        "width: " + tileWidth + "px; " +
                        "height: " + extraHeight + "px; " +
                        "left:" + currentCol *  tileWidth + "px; " +
                        "top:" + currentRow *  tileHeight + "px; " +
                        "filter:" + filterStyle + 
                        "\" > </div>";
            }
            
            if (extraWidth != 0)
            {
                newMarkup += "<div style=" +
                        "\"position: absolute; line-height: 0px; " +
                        "width: " + extraWidth + "px; " +
                        "height: " + extraHeight + "px; " +
                        "left:" + currentCol *  tileWidth + "px; " +
                        "top:" + currentRow *  tileHeight + "px; " +
                        "filter:" + filterStyle + 
                        "\" > </div>";
            }
        }
        oBlock.innerHTML = newMarkup;

        oBlock.appendChild(wrappedContent);
        oBlock.style.background= "";
    }
}

function fixupAllIEPNGBGs()
{
    if (windowsInternetExplorer && (browserVersion < 7))
    {
        try
        {
            var oDivNodes = document.getElementsByTagName('DIV');
            for (var iIndex=0; iIndex<oDivNodes.length; iIndex++)
            {
                var oNode = oDivNodes.item(iIndex);
                if (oNode.currentStyle &&
                    oNode.currentStyle.backgroundImage &&
                    (oNode.currentStyle.backgroundImage.indexOf('url(') != -1) &&
                    (oNode.currentStyle.backgroundImage.indexOf('.png")') != -1))
                {
                    fixupIEPNGBG(oNode);
                }
            }
        }
        catch (e)
        {
        }
    }
}

var smallTransparentGif = "";
function fixupIEPNG(strImageID, transparentGif) 
{
    smallTransparentGif = transparentGif;
    if (windowsInternetExplorer && (browserVersion < 7))
    {
        var img = document.getElementById(strImageID);
        if (img)
        {
            var src = img.src;
            img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";
            img.src = transparentGif;
            img.attachEvent("onpropertychange", imgPropertyChanged);
        }
    }
}

var inImgPropertyChanged = false;
function imgPropertyChanged()
{
    if ((window.event.propertyName == "src") && (! inImgPropertyChanged))
    {
        inImgPropertyChanged = true;
        var el = window.event.srcElement;
        if (el.src != smallTransparentGif)
        {
            el.filters.item(0).src = el.src;
            el.src = smallTransparentGif;
        }
        inImgPropertyChanged = false;
    }
}

function onPageLoad()
{
    detectBrowser();
    fixupAllIEPNGBGs();
    fixupIEPNG("id1", "Designs_files/transparent.gif");
    fixupIEPNG("id2", "Designs_files/transparent.gif");
    fixupIEPNG("id3", "Designs_files/transparent.gif");
    return true;
}