//magic strings
var fadeTime = 333;
var defaultImages = true;

//define sections
var allSections = new Array();
allSections[0] = "Characters";
allSections[1] = "Environments";
allSections[2] = "Storyboards";
allSections[3] = "PersonalProjects";
allSections[4] = "LifeDrawings";
allSections[5] = "SketchBook";
allSections[6] = "Resume";
allSections[7] = "AboutMe";
allSections[8] = "Links";

var allSectionsTitle = new Array();
allSectionsTitle[0] = "Characters";
allSectionsTitle[1] = "Environments";
allSectionsTitle[2] = "Storyboards";
allSectionsTitle[3] = "Personal Projects";
allSectionsTitle[4] = "Life Drawings";
allSectionsTitle[5] = "Sketch Book";
allSectionsTitle[6] = "Resume";
allSectionsTitle[7] = "About Me";
allSectionsTitle[8] = "Links";


//define values for thumbnails and main images
var characterLinkHref = new Array();
var characterLinkTitle = new Array();
var preloadedThumbnailImages = new Array();  //used in LoadThumbnails
var preloadedButtonImages = new Array();  //used in ResetButtons

characterLinkHref[0] = "Images/Characters/Character01-BusinessLady.jpg";
characterLinkTitle[0] = "Character 01 - Business Lady";

characterLinkHref[1] = "Images/Characters/Character02-FrontCover.jpg";
characterLinkTitle[1] = "Character 02 - Front Cover";

characterLinkHref[2] = "Images/Characters/Character03-ScaredPhoneGirl.jpg";
characterLinkTitle[2] = "Character 03 - Scared Phone Girl";

characterLinkHref[3] = "Images/Characters/Character04-Squidman.jpg";
characterLinkTitle[3] = "Character 04 - Squidman";

characterLinkHref[4] = "Images/Characters/Character05-EgyptPrincess.jpg";
characterLinkTitle[4] = "Character 05 - EgyptPrincess";

characterLinkHref[5] = "Images/Characters/Character06-PencilBuilder.jpg";
characterLinkTitle[5] = "Character 06 - Pencil Builder";

characterLinkHref[6] = "Images/Characters/Character07-MagazineCover.jpg";
characterLinkTitle[6] = "Character 07 - Magazine Cover";

characterLinkHref[7] = "Images/Characters/Character08-SpursVsWestHam.jpg";
characterLinkTitle[7] = "Character 08 - Spurs vs West Ham";

characterLinkHref[8] = "Images/Characters/Character09-RobotStanding.jpg";
characterLinkTitle[8] = "Character 09 - Robot Standing";

characterLinkHref[9] = "Images/Characters/Character10-PilateWashingHands.jpg";
characterLinkTitle[9] = "Character 10 - Pilate Washing Hands ";

characterLinkHref[10] = "Images/Characters/Character11-RoughPeople.jpg";
characterLinkTitle[10] = "Character 11 - Rough People";

characterLinkHref[11] = "Images/Characters/Character12-DubstepDJ.jpg";
characterLinkTitle[11] = "Character 12 - Dubstep DJ";

characterLinkHref[12] = "Images/Characters/Character13-Wretchroboys.jpg";
characterLinkTitle[12] = "Character 13 - Wretchroboys";

characterLinkHref[13] = "Images/Characters/Character14-MutatedBoss.jpg";
characterLinkTitle[13] = "Character 14 - Mutated Boss";

characterLinkHref[14] = "Images/Characters/Character15-AnyCashBruv.jpg";
characterLinkTitle[14] = "Character 15 - Any Cash Bruv";

characterLinkHref[15] = "Images/Characters/Character16-LadyDjing.jpg";
characterLinkTitle[15] = "Character 16 - Lady Djing";

var environmentLinkHref = new Array();
var environmentLinkTitle = new Array();

environmentLinkHref[0] = "Images/Environments/Environment01-Park.jpg";
environmentLinkTitle[0] = "Environment 01 - Park";

environmentLinkHref[1] = "Images/Environments/Environment02-HQ.jpg";
environmentLinkTitle[1] = "Environment 02 - HQ";

environmentLinkHref[2] = "Images/Environments/Environment03-Forge.jpg";
environmentLinkTitle[2] = "Environment 03 - Forge";

environmentLinkHref[3] = "Images/Environments/Environment04-TownSquare.jpg";
environmentLinkTitle[3] = "Environment 04 - Town Square";

environmentLinkHref[4] = "Images/Environments/Environment05-Route66.jpg";
environmentLinkTitle[4] = "Environment 05 - Route 66 ";

environmentLinkHref[5] = "Images/Environments/Environment06-NinjaConceptAndRenders.jpg";
environmentLinkTitle[5] = "Environment 06 - Ninja Concept And Renders";

environmentLinkHref[6] = "Images/Environments/Environment07-Attic.jpg";
environmentLinkTitle[6] = "Environment 07 - Attic";

environmentLinkHref[7] = "Images/Environments/Environment08-RoofTop.jpg";
environmentLinkTitle[7] = "Environment 08 - Roof Top";

environmentLinkHref[8] = "Images/Environments/Environment09-SpookyWarehouse.jpg";
environmentLinkTitle[8] = "Environment 09 - Spooky Warehouse";

environmentLinkHref[9] = "Images/Environments/Environment10-Towers.jpg";
environmentLinkTitle[9] = "Environment 10 - Towers";

environmentLinkHref[10] = "Images/Environments/Environment11-Prague.jpg";
environmentLinkTitle[10] = "Environment 11 - Prague";

environmentLinkHref[11] = "Images/Environments/Environment12-LookOut.jpg";
environmentLinkTitle[11] = "Environment 12 - Look Out";

environmentLinkHref[12] = "Images/Environments/Environment14-Monestary.jpg";
environmentLinkTitle[12] = "Environment 13 - Monastery";

environmentLinkHref[13] = "Images/Environments/Environment13-Speakers.jpg";
environmentLinkTitle[13] = "Environment 14 - Speakers";

environmentLinkHref[14] = "Images/Environments/Environment15-Yacht.jpg";
environmentLinkTitle[14] = "Environment 15 - Yacht";

environmentLinkHref[15] = "Images/Environments/Environment16-Deer.jpg";
environmentLinkTitle[15] = "Environment 16 - Deer";

var storyboardsLinkHref = new Array();
var storyboardsLinkTitle = new Array();

storyboardsLinkHref[0] = "Images/Storyboards/Storyboard01-LoveStory.jpg";
storyboardsLinkTitle[0] = "Storyboard 01 - LoveStory";

storyboardsLinkHref[1] = "Images/Storyboards/Storyboard02-ColiseumBattle.jpg";
storyboardsLinkTitle[1] = "Storyboard 02 - Coliseum Battle";

storyboardsLinkHref[2] = "Images/Storyboards/Storyboard03-Thumbnails.jpg";
storyboardsLinkTitle[2] = "Storyboard 03 - Thumbnails";

storyboardsLinkHref[3] = "Images/Storyboards/Storyboard04-Drinique.jpg";
storyboardsLinkTitle[3] = "Storyboard 04 - Drinique";

storyboardsLinkHref[4] = "Images/Storyboards/Storyboard05-Thumbnails.jpg";
storyboardsLinkTitle[4] = "Storyboard 05 - Thumbnails";

storyboardsLinkHref[5] = "Images/Storyboards/Storyboard06-VarjakPaw.jpg";
storyboardsLinkTitle[5] = "Storyboard 06 - Varjak Paw 1";

storyboardsLinkHref[6] = "Images/Storyboards/Storyboard07-VarjakPaw.jpg";
storyboardsLinkTitle[6] = "Storyboard 07 - Varjak Paw 2";

storyboardsLinkHref[7] = "Images/Storyboards/Storyboard08-FightMove.jpg";
storyboardsLinkTitle[7] = "Storyboard 08 - Fight Move";

storyboardsLinkHref[8] = "Images/Storyboards/Storyboard09-Minotaur.jpg";
storyboardsLinkTitle[8] = "Storyboard 09 - Minotaur";

storyboardsLinkHref[9] = "Images/Storyboards/Storyboard10-MaskedRacer.jpg";
storyboardsLinkTitle[9] = "Storyboard 10 - Masked Racer ";

storyboardsLinkHref[10] = "Images/Storyboards/Storyboard11-MLSPage1.jpg";
storyboardsLinkTitle[10] = "Storyboard 11 - MLS Page 1";

storyboardsLinkHref[11] = "Images/Storyboards/Storyboard12-MLSPage2.jpg";
storyboardsLinkTitle[11] = "Storyboard 12 - MLS Page 2";

storyboardsLinkHref[12] = "Images/Storyboards/Storyboard13-PetBigBrother.jpg";
storyboardsLinkTitle[12] = "Storyboard 13 - Pet Big Brother";

storyboardsLinkHref[13] = "Images/Storyboards/Storyboard14-SweetGirlAndKitten.jpg";
storyboardsLinkTitle[13] = "Storyboard 14 - Sweet Girl And Kitten";

storyboardsLinkHref[14] = "Images/Storyboards/Storyboard15-JoeyJuryPart1.jpg";
storyboardsLinkTitle[14] = "Storyboard 15 - Joey Jury Part 1";

storyboardsLinkHref[15] = "Images/Storyboards/Storyboard16-ADayInThePark.jpg";
storyboardsLinkTitle[15] = "Storyboard 16 - A Day In The Park";

var personalProjectsLinkHref = new Array();
var personalProjectsLinkTitle = new Array();

personalProjectsLinkHref[0] = "Images/Personal/Personal01-WildAndFurryPages03And04.jpg";
personalProjectsLinkTitle[0] = "Personal 01 - Wild And Furry Pages 03 And 04";

personalProjectsLinkHref[1] = "Images/Personal/Personal02-WildAndFurryPages13And14.jpg";
personalProjectsLinkTitle[1] = "Personal 02 - Wild And Furry Pages 13 And 14";

personalProjectsLinkHref[2] = "Images/Personal/Personal03-BlackCab.jpg";
personalProjectsLinkTitle[2] = "Personal 03 - Black Cab";

personalProjectsLinkHref[3] = "Images/Personal/Personal04-MandemAndPitbulls.jpg";
personalProjectsLinkTitle[3] = "Personal 04 - Mandem and Pitbulls";

personalProjectsLinkHref[4] = "Images/Personal/Personal05-AlbumCover.jpg";
personalProjectsLinkTitle[4] = "Personal 05 - Album Cover";

personalProjectsLinkHref[5] = "Images/Personal/Personal06-Bricklane.jpg";
personalProjectsLinkTitle[5] = "Personal 06 - Bricklane";

personalProjectsLinkHref[6] = "Images/Personal/Personal07-BusStop.jpg";
personalProjectsLinkTitle[6] = "Personal 07 - Bus Stop";

personalProjectsLinkHref[7] = "Images/Personal/Personal08-RichPeople.jpg";
personalProjectsLinkTitle[7] = "Personal 08 - RichPeople";

personalProjectsLinkHref[8] = "Images/Personal/Personal09-ComicBookPage2.jpg";
personalProjectsLinkTitle[8] = "Personal 09 - Comic Book Page 2";

personalProjectsLinkHref[9] = "Images/Personal/Personal10-ComicBookPage3.jpg";
personalProjectsLinkTitle[9] = "Personal 10 - Comic Book Page 3";

personalProjectsLinkHref[10] = "Images/Personal/Personal11-ComicBookPage4.jpg";
personalProjectsLinkTitle[10] = "Personal 11 - Comic Book Page 4";

personalProjectsLinkHref[11] = "Images/Personal/Personal12-Safari.jpg";
personalProjectsLinkTitle[11] = "Personal 12 - Safari";

personalProjectsLinkHref[12] = "Images/Personal/Personal13-SquidBoy01.jpg";
personalProjectsLinkTitle[12] = "Personal 13 - SquidBoy 01";

personalProjectsLinkHref[13] = "Images/Personal/Personal14-SquidBoy03.jpg";
personalProjectsLinkTitle[13] = "Personal 14 - SquidBoy 03";

personalProjectsLinkHref[14] = "Images/Personal/Personal15-Mother.jpg";
personalProjectsLinkTitle[14] = "Personal 15 - Mother";

personalProjectsLinkHref[15] = "Images/Personal/Personal16-Nightbus3d.jpg";
personalProjectsLinkTitle[15] = "Personal 16 - Nightbus 3D";

var LifeDrawingsLinkHref = new Array();
var LifeDrawingsLinkTitle = new Array();

LifeDrawingsLinkHref[0] = "Images/LifeDrawings/LifeDrawings01-Resting.jpg";
LifeDrawingsLinkTitle[0] = "Life Drawings 01 - Resting";

LifeDrawingsLinkHref[1] = "Images/LifeDrawings/LifeDrawings02-SquattingDown.jpg";
LifeDrawingsLinkTitle[1] = "Life Drawings 02 - Squatting Down";

LifeDrawingsLinkHref[2] = "Images/LifeDrawings/LifeDrawings03-GangSigns.jpg";
LifeDrawingsLinkTitle[2] = "Life Drawings 03 - Gang Signs";

LifeDrawingsLinkHref[3] = "Images/LifeDrawings/LifeDrawings04-HandsOnHips.jpg";
LifeDrawingsLinkTitle[3] = "Life Drawings 04 - Hands On Hips";

LifeDrawingsLinkHref[4] = "Images/LifeDrawings/LifeDrawings05-HalfSteppin.jpg";
LifeDrawingsLinkTitle[4] = "Life Drawings 05 - Half Steppin";

LifeDrawingsLinkHref[5] = "Images/LifeDrawings/LifeDrawings06-Hairless.jpg";
LifeDrawingsLinkTitle[5] = "Life Drawings 06 - Hairless";

LifeDrawingsLinkHref[6] = "Images/LifeDrawings/LifeDrawings07-UpsideDown.jpg";
LifeDrawingsLinkTitle[6] = "Life Drawings 07 - Upside Down";

LifeDrawingsLinkHref[7] = "Images/LifeDrawings/LifeDrawings08-FeetOnCushions.jpg";
LifeDrawingsLinkTitle[7] = "Life Drawings 08 - Feet On Cushions";

LifeDrawingsLinkHref[8] = "Images/LifeDrawings/LifeDrawings09-Emperor.jpg";
LifeDrawingsLinkTitle[8] = "Life Drawings 09 - Emperor";

LifeDrawingsLinkHref[9] = "Images/LifeDrawings/LifeDrawings10-LookingUp.jpg";
LifeDrawingsLinkTitle[9] = "Life Drawings 10 - Looking Up";

LifeDrawingsLinkHref[10] = "Images/LifeDrawings/LifeDrawings11-Staring.jpg";
LifeDrawingsLinkTitle[10] = "Life Drawings 11 - Staring";

LifeDrawingsLinkHref[11] = "Images/LifeDrawings/LifeDrawings12-Embrace.jpg";
LifeDrawingsLinkTitle[11] = "Life Drawings 12 - Embrace";

LifeDrawingsLinkHref[12] = "Images/LifeDrawings/LifeDrawings13-Twist.jpg";
LifeDrawingsLinkTitle[12] = "Life Drawings 13 - Twist";

LifeDrawingsLinkHref[13] = "Images/LifeDrawings/LifeDrawings14-LookingUp.jpg";
LifeDrawingsLinkTitle[13] = "Life Drawings 14 - Looking Up";

LifeDrawingsLinkHref[14] = "Images/LifeDrawings/LifeDrawings15-SittingBack.jpg";
LifeDrawingsLinkTitle[14] = "Life Drawings 15 - Sitting Back";

LifeDrawingsLinkHref[15] = "Images/LifeDrawings/LifeDrawings16-SittingUp.jpg";
LifeDrawingsLinkTitle[15] = "Life Drawings 16 - Sitting Up";

var sketchBookLinkHref = new Array();
var sketchBookLinkTitle = new Array();

sketchBookLinkHref[0] = "Images/SketchBook/Sketchbook01-SodukoLady.jpg";
sketchBookLinkTitle[0] = "Sketch Book 01 - Sudoku Lady";

sketchBookLinkHref[1] = "Images/SketchBook/Sketchbook02-TommysKitchen.jpg";
sketchBookLinkTitle[1] = "Sketch Book 02 - Tommys Kitchen";

sketchBookLinkHref[2] = "Images/SketchBook/Sketchbook03-StamfordBridge.jpg";
sketchBookLinkTitle[2] = "Sketch Book 03 - Stamford Bridge";

sketchBookLinkHref[3] = "Images/SketchBook/Sketchbook04-Hackney.jpg";
sketchBookLinkTitle[3] = "Sketch Book 04 - Hackney";

sketchBookLinkHref[4] = "Images/SketchBook/Sketchbook05-Puglia.jpg";
sketchBookLinkTitle[4] = "Sketch Book 05 - Puglia";

sketchBookLinkHref[5] = "Images/SketchBook/Sketchbook06-ItalianFaces.jpg";
sketchBookLinkTitle[5] = "Sketch Book 06 - Italian Faces";

sketchBookLinkHref[6] = "Images/SketchBook/Sketchbook07-TommysRestraunt.jpg";
sketchBookLinkTitle[6] = "Sketch Book 07 - Tommys Restaurant";

sketchBookLinkHref[7] = "Images/SketchBook/Sketchbook08-Hands.jpg";
sketchBookLinkTitle[7] = "Sketch Book 08 - Hands";

sketchBookLinkHref[8] = "Images/SketchBook/Sketchbook09-TennantsMeeting.jpg";
sketchBookLinkTitle[8] = "Sketch Book 09 - Tenants Meeting";

sketchBookLinkHref[9] = "Images/SketchBook/Sketchbook10-Nova.jpg";
sketchBookLinkTitle[9] = "Sketch Book 10 - Nova";

sketchBookLinkHref[10] = "Images/SketchBook/Sketchbook11-Faces.jpg";
sketchBookLinkTitle[10] = "Sketch Book 11 - Faces";

sketchBookLinkHref[11] = "Images/SketchBook/Sketchbook12-PeopleOnTheBus.jpg";
sketchBookLinkTitle[11] = "Sketch Book 12 - People on the Bus";

sketchBookLinkHref[12] = "Images/SketchBook/Sketchbook13-Hands.jpg";
sketchBookLinkTitle[12] = "Sketch Book 13 - Hands";

sketchBookLinkHref[13] = "Images/SketchBook/Sketchbook14-HighcoastBridge.jpg";
sketchBookLinkTitle[13] = "Sketch Book 14 - Highcoast Bridge";

sketchBookLinkHref[14] = "Images/SketchBook/Sketchbook15-Recent2011.jpg";
sketchBookLinkTitle[14] = "Sketch Book 15 - Recent 2011";

sketchBookLinkHref[15] = "Images/SketchBook/Sketchbook16-FootprintsAndEdwin.jpg";
sketchBookLinkTitle[15] = "Sketch Book 16 - Footprints And Edwin";

function LoadSection(section) {

    switch (section) {
        case "Characters":
            LoadThumbailSection(section);
            break;
        case "Environments":
            LoadThumbailSection(section);
            break;
        case "Storyboards":
            LoadThumbailSection(section);
            break;
        case "PersonalProjects":
            LoadThumbailSection(section);
            break;
        case "LifeDrawings":
            LoadThumbailSection(section);
            break;
        case "SketchBook":
            LoadThumbailSection(section);
            break;
        case "AboutMe":
            LoadTextSection(section);

            break;
        case "Resume":
            LoadTextSection(section);
            break;
        case "Links":
            LoadTextSection(section);
            break;
        default:
            LoadThumbailSection("Characters");
            break;
    }
}

function LoadTextSection(section) {

    ResetLeftMenuItems();


    SetActiveLeftMenuItem(section);
    
    HideAllTextSections();

    

    //fade out thumbnails
    $(".Thumbnail_Image").fadeOut(fadeTime, function () {
        switch (section) {
            //show section content       
            case "AboutMe":
                $("#AboutMe").fadeIn(fadeTime);
                $('#Btn_AboutMe').attr("src", "Images/Btn_AboutMe_Over.jpg");
             
                break;
            case "Resume":
                $("#Resume").fadeIn(fadeTime);
                $('#Btn_Resume').attr("src", "Images/Btn_Resume_Over.jpg");
         
                break;
            case "Links":
                $("#Links").fadeIn(fadeTime);
                $('#Btn_Links').attr("src", "Images/Btn_Links_Over.jpg");
            
                break;
        }

     

    });


}

function ResetLeftMenuItems() {


    //for each section
    for (var i = 0; i < allSections.length; i++) {
        var section = allSections[i];
        var title = allSectionsTitle[i];
        var buttonID = "#Btn_" + allSections[i];
        var buttonOverSrc = "Images/Btn_" + allSections[i] + "_Over.jpg";
        var buttonOffSrc = "Images/Btn_" + allSections[i] + "_Off.jpg";

        //preload rollover image
        preloadedButtonImages[i] = $('<img />').attr('src', buttonOverSrc);

        //unbind from previous event handlers
        $(buttonID).unbind();

        //set src, alt, title
        $(buttonID).attr("src", buttonOffSrc).attr("alt", title).attr("title", title);

        //set click, mouseover, mouseout
//        (function (section, i) {
//            $(buttonID).click(function () {
//                if (i < 6) //if section is thumbail
//                {
//                    LoadThumbailSection(section);
//                }
//                else //if section is text 
//                {
//                    LoadTextSection(section);
//                }
//            });
//        })(section,i);

        (function (buttonOverSrc) {
            $(buttonID).mouseover(function () {
                $(this).attr("src", buttonOverSrc);

            });
        })(buttonOverSrc);

        (function (buttonOffSrc) {
            $(buttonID).mouseout(function () {
                $(this).attr("src", buttonOffSrc);
            });
        })(buttonOffSrc);

    }
       
}

function ResetShadowbox() {


    //reset the shadowbox vars
    Shadowbox.clearCache();
    Shadowbox.setup();

}

function SetActiveLeftMenuItem(section) {
  var buttonID = '#Btn_' + section;
    var buttonOverSrc = "Images/Btn_" + section + "_Over.jpg";
    $(buttonID).unbind();
    $(buttonID).attr("src", buttonOverSrc);

    $(buttonID).mouseover(function () {
        $(this).attr("src", buttonOverSrc);

    });

    $(buttonID).mouseout(function () {
        $(this).attr("src", buttonOverSrc);
    });


}

function HideAllTextSections() {
 
    $("#AboutMe,#Resume,#Links").fadeOut(fadeTime);

}

function LoadThumbailSection(section) {

    ResetLeftMenuItems();

   
    SetActiveLeftMenuItem(section);

  HideAllTextSections();


  //unbind all thumbnails
  $(".Thumbnail_Image").unbind();

   
        //load all thumbnails
        for (i = 0; i <= 16; i++) {
            LoadThisThumbnail(i, section);
        }
        //        //reset the imageswap script vars
        //        SimpleSwapSetup();
 



}

function LoadThisThumbnail(thumbnailIndex, section) {

    //define elements to manipulate
    var thumbnailDiv = "#Thumbnail_" + thumbnailIndex;
    var thumbnailLink = "#Thumbnail_" + thumbnailIndex + "_Link";
    var thumbnailImage = "#Thumbnail_" + thumbnailIndex + "_Image";
    var thumbnailLoading = "#Thumbnail_" + thumbnailIndex + "_Loading";


    //declare vars to hold new values
    var sectionLinkHref = Array();
    var sectionLinkTitle = Array();
    

    var thumbnailLinkHref = "";
    var thumbnailLinkTitle = "";
    var thumbnailThumbnailSrc = "";
    var thumbnailThumbnailOversrc = "";

    switch (section) {
        case "Characters":
            sectionLinkHref = characterLinkHref;
            sectionLinkTitle = characterLinkTitle;

            break;
        case "Environments":
            sectionLinkHref = environmentLinkHref;
            sectionLinkTitle = environmentLinkTitle;

            break;
        case "Storyboards":
            sectionLinkHref = storyboardsLinkHref;
            sectionLinkTitle = storyboardsLinkTitle;
            break;
        case "PersonalProjects":
            sectionLinkHref = personalProjectsLinkHref;
            sectionLinkTitle = personalProjectsLinkTitle;
            break;
        case "LifeDrawings":
            sectionLinkHref = LifeDrawingsLinkHref;
            sectionLinkTitle = LifeDrawingsLinkTitle;
            break;
        case "SketchBook":
            sectionLinkHref = sketchBookLinkHref;
            sectionLinkTitle = sketchBookLinkTitle;
            break;
        default:
            //same as Characters
            sectionLinkHref = characterLinkHref;
            sectionLinkTitle = characterLinkTitle;
            break;
    }


    thumbnailLinkHref = sectionLinkHref[thumbnailIndex - 1];
    thumbnailLinkTitle = sectionLinkTitle[thumbnailIndex - 1];
    thumbnailThumbnailSrc = "Images/Thumbnails/" + section + "_" + thumbnailIndex + "_Off.jpg"
    thumbnailThumbnailOversrc = "Images/Thumbnails/" + section + "_" + thumbnailIndex + "_Over.jpg"
    //$(thumbnailDiv).css("display", "block");
    
   

    //fade out current image
    $(thumbnailImage).fadeOut(fadeTime, function () {



        // Put an animated loading GIF image 
        $(thumbnailLoading).fadeIn(fadeTime, function () {


            //bind to load event handler 
            $(thumbnailImage).load(function () {
                //preload image

                preloadedThumbnailImages[thumbnailIndex] = $('<img />').attr('src', thumbnailThumbnailOversrc);
                $(thumbnailLoading).fadeOut(fadeTime, function () {
                    $(thumbnailImage).fadeIn(fadeTime, function () {
                        $(thumbnailImage).unbind();
                        if (thumbnailIndex == 16 && defaultImages) {
                            defaultImages = false;
                            LoadSlider();
                        }

                        $(thumbnailImage).mouseover(function () {
                            $(this).attr("src", thumbnailThumbnailOversrc);

                        });

                        $(thumbnailImage).mouseout(function () {
                            $(this).attr("src", thumbnailThumbnailSrc);
                        });
                    });

                });
            });

            // Load next image
            $(thumbnailLink).attr("href", thumbnailLinkHref);
            $(thumbnailLink).attr("title", thumbnailLinkTitle);

            $(thumbnailImage).attr("src", thumbnailThumbnailSrc);



            ResetShadowbox();

        });
    });

}