var pics = [
    { id: 'rs0909', cls: 'reef', desc: 'Wreck of the Aida, Red Sea' }
    , { id: 'rs0946', cls: 'reef', desc: 'Red Sea Raccoon Butterflyfish and hard coral' }
    , { id: 'rs0911', cls: 'reef', desc: 'Overhang and blue, Red Sea' }
    , { id: 'rs0923', cls: 'reef', desc: 'Rough Leather Coral, Red Sea, Red Sea' }
    , { id: 'rs0956', cls: 'fins', desc: 'Red Sea Anemonefish' }
    , { id: 'bo0920', cls: 'txtr', desc: 'Bonaire' }
    , { id: 'rs0922', cls: 'txtr', desc: 'Fluted Giant Clam, Red Sea' }
    , { id: 'rs0925', cls: 'divr', desc: 'Divers and wall, Red Sea' }
    , { id: 'rs0957', cls: 'cret', desc: 'Common Giant Clam, detail, Red Sea' }
    , { id: 'rs0901', cls: 'reef', desc: 'Reefscape, Red Sea' }
    , { id: 'rs0902', cls: 'txtr', desc: 'Grape Coral, Red Sea' }
    , { id: 'rs0903', cls: 'divr', desc: 'Napolean Wrasse and diver, Red Sea' }
    , { id: 'rs0904', cls: 'divr', desc: 'Divers and reef, Red Sea' }
    , { id: 'rs0906', cls: 'fins', desc: 'Napoleon Wrasse, Red Sea' }
    , { id: 'bo1001', cls: 'fins', desc: 'Spotted Eagle Ray, Bonaire' }
    , { id: 'bo1002', cls: 'divr', desc: 'Navigation by compass, Bonaire' }
    , { id: 'bo1003', cls: 'fins', desc: 'Longlure Frogfish, Bonaire' }
    , { id: 'bo1004', cls: 'fins', desc: 'Rainbow Parrotfish, Bonaire' }
    , { id: 'bo1005', cls: 'fins', desc: 'School of Blue Tangs, Bonaire' }
    , { id: 'bo1006', cls: 'cret', desc: 'Channel Clinging Crab, Bonaire' }
    , { id: 'bo1007', cls: 'reef', desc: 'Star coral split in two, Bonaire' }
    , { id: 'bo1008', cls: 'reef', desc: 'Healthy Montastrea, Bonaire' }
    , { id: 'bo1009', cls: 'reef', desc: 'Pillar, Bonaire' }
    , { id: 'bo1010', cls: 'fins', desc: 'Sharknose Goby, Bonaire' }
    , { id: 'bo1011', cls: 'cret', desc: 'Botryllus, an encrusting tunicate, Bonaire' }
    , { id: 'bo1012', cls: 'cret', desc: 'Flamingo Tongue, Bonaire' }
    , { id: 'bo1013', cls: 'cret', desc: 'Nimble Spray Crab, Bonaire' }
    , { id: 'bo1014', cls: 'fins', desc: 'Secretary Blenny, Bonaire' }
    , { id: 'bo1015', cls: 'fins', desc: 'Smooth Trunkfish juvenile, Bonaire' }
    , { id: 'bo1016', cls: 'fins', desc: 'Seaweed Blenny, Bonaire' }
    , { id: 'bo1017', cls: 'cret', desc: 'Lettuce Sea Slug, Bonaire' }
    , { id: 'bo1018', cls: 'fins', desc: 'Goldentail Moray, Bonaire' }
    , { id: 'bo1019', cls: 'fins', desc: 'Longsnout Seahorse, Bonaire' }
    , { id: 'bo1020', cls: 'fins', desc: 'Chain Moray, Bonaire' }
    , { id: 'bo1021', cls: 'fins', desc: 'Redlip Blenny, Bonaire' }
    , { id: 'rs0907', cls: 'reef', desc: 'Reefscape, Red Sea' }
    , { id: 'rs0908', cls: 'reef', desc: 'Reefscape, Red Sea' }
    , { id: 'rs0910', cls: 'reef', desc: 'Reefscape, Red Sea' }
    , { id: 'rs0912', cls: 'reef', desc: 'Vertical wall, Red Sea' }
    , { id: 'rs0913', cls: 'reef', desc: 'Cave and soldierfish school, Red Sea' }
    , { id: 'rs0914', cls: 'reef', desc: 'Soft coral and mooring line, Red Sea' }
    , { id: 'rs0915', cls: 'reef', desc: 'Bannerfish and Orangeface Butterflyfish in shallows, Red Sea' }
    , { id: 'rs0916', cls: 'reef', desc: 'Bannerfish and Orangeface Butterflyfish in shallows, Red Sea' }
    , { id: 'rs0917', cls: 'cret', desc: 'Cauliflower Jellyfish, Red Sea' }
    , { id: 'rs0918', cls: 'fins', desc: 'Anemonefish, Red Sea' }
    , { id: 'rs0919', cls: 'fins', desc: 'Crescent-tail bigeye, Red Sea' }
    , { id: 'rs0920', cls: 'cret', desc: 'Porcelain Crab, Red Sea' }
    , { id: 'rs0921', cls: 'fins', desc: 'Giant Moray and Bluestreak Cleaner Wrasse, Red Sea' }
    , { id: 'rs0924', cls: 'txtr', desc: 'Leafy Cup Coral, Red Sea' }
    , { id: 'rs0926', cls: 'divr', desc: 'Encounter with Napoleon Wrasse, Red Sea' }
    , { id: 'rs0927', cls: 'divr', desc: 'Wall at Big Brother Island, Red Sea' }
    , { id: 'rs0928', cls: 'fins', desc: 'Masked Puffer, Red Sea' }
    , { id: 'rs0929', cls: 'fins', desc: 'Crescent-tail bigeye, Red Sea' }
    , { id: 'rs0930', cls: 'fins', desc: 'Lyretail Anthias, Red Sea' }
    , { id: 'rs0934', cls: 'fins', desc: 'Lyretail Anthias, Red Sea' }
    , { id: 'rs0931', cls: 'fins', desc: 'Humbug dascyllus, Red Sea' }
    , { id: 'rs0932', cls: 'fins', desc: 'Blue Triggerfish, Red Sea' }
    , { id: 'rs0933', cls: 'fins', desc: 'Marbled Grouper, Red Sea' }
    , { id: 'rs0935', cls: 'fins', desc: 'Juvenile Red Sea Anemonefish, Red Sea' }
    , { id: 'rs0936', cls: 'fins', desc: 'Juvenile Three-spot Dascyllus and Anemone, Red Sea' }
    , { id: 'rs0937', cls: 'tops', desc: 'Big Brother Island Lighthouse, Red Sea' }
    , { id: 'rs0938', cls: 'tops', desc: 'Big Brother Island feline resident, Red Sea' }
    , { id: 'rs0939', cls: 'tops', desc: 'Pier at Big Brother Island, Red Sea' }
    , { id: 'rs0940', cls: 'tops', desc: 'View from Big Brother Island Lighthouse, Red Sea' }
    , { id: 'rs0941', cls: 'tops', desc: 'Big Brother Island, Red Sea' }
    , { id: 'rs0942', cls: 'tops', desc: 'Mooring at Elphinstone, Red Sea' }
    , { id: 'rs0943', cls: 'tops', desc: 'Sunset as Safaga, Red Sea' }
    , { id: 'rs0944', cls: 'tops', desc: 'Moonrise at Safaga, Red Sea' }
    , { id: 'rs0945', cls: 'reef', desc: 'Anthias on sloping wall, Red Sea' }
    , { id: 'rs0947', cls: 'reef', desc: 'Red Sea Raccoon Butterflyfish and hard coral' }
    , { id: 'rs0948', cls: 'reef', desc: 'Rough Leather Coral, Red Sea' }
    , { id: 'rs0949', cls: 'fins', desc: 'Napolean Wrasse, Red Sea' }
    , { id: 'rs0950', cls: 'reef', desc: 'Dome Coral (Porites), Red Sea' }
    , { id: 'rs0951', cls: 'reef', desc: 'Soft Coral on wall at Daedalus, Red Sea' }
    , { id: 'rs0952', cls: 'divr', desc: 'Diver and wire coral, Red Sea' }
    , { id: 'rs0953', cls: 'cret', desc: 'Cauliflower Jellyfish, Red Sea' }
    , { id: 'rs0954', cls: 'cret', desc: 'Cauliflower Jellyfish, Red Sea' }
    , { id: 'rs0955', cls: 'cret', desc: 'Common Giant Clam, detail, Red Sea' }
    , { id: 'rs0958', cls: 'fins', desc: 'Common Lionfish, Red Sea' }
    , { id: 'rs0959', cls: 'cret', desc: 'Reef Hermit Crab, Red Sea' }
    , { id: 'rs0960', cls: 'cret', desc: 'Porcelain Crab, Red Sea' }
    , { id: 'rs0961', cls: 'reef', desc: 'Marine Park Study Site 56, Red Sea' }
    , { id: 'rs0962', cls: 'fins', desc: 'Juvenile Three-spot Dascyllus and Anemonefish, Red Sea' }
    , { id: 'rs0905', cls: 'fins', desc: 'Emperor Angelfish, Red Sea' }
    , { id: 'tc0830', cls: 'cret', desc: 'Flamingo Tongue on Sea Fan, Turks and Caicos Islands' }
    , { id: 'tc0820', cls: 'cret', desc: 'Upside-down Jellyfish, Turks and Caicos Islands' }
    , { id: 'bo0901', cls: 'reef', desc: 'Reefscape, Bonaire' }
    , { id: 'bo0915', cls: 'fins', desc: 'Spotted Eagle Ray, Bonaire' }
    , { id: 'bo0902', cls: 'reef', desc: 'Reefscape, Bonaire' }
    , { id: 'bo0903', cls: 'reef', desc: 'Reefscape, Bonaire' }
    , { id: 'bo0904', cls: 'reef', desc: 'Reefscape, Bonaire' }
    , { id: 'bo0905', cls: 'reef', desc: 'Reefscape, Bonaire' }
    , { id: 'bo0906', cls: 'fins', desc: 'Midnight Parrotfish, Bonaire' }
    , { id: 'bo0907', cls: 'tops', desc: 'Sunset, Bonaire' }
    , { id: 'bo0908', cls: 'cret', desc: 'Reef Octopus and Soapfish, Bonaire' }
    , { id: 'bo0909', cls: 'cret', desc: 'Anemone, Bonaire' }
    , { id: 'bo0910', cls: 'reef', desc: 'Reefscape, Bonaire' }
    , { id: 'bo0911', cls: 'divr', desc: 'Videographer, Bonaire' }
    , { id: 'bo0912', cls: 'reef', desc: 'Reefscape, Bonaire' }
    , { id: 'bo0913', cls: 'cret', desc: 'Banded Shrimp, Bonaire' }
    , { id: 'bo0914', cls: 'cret', desc: 'Caribbean Squid, Bonaire' }
    , { id: 'bo0916', cls: 'cret', desc: 'Batwing Coral Crabs, Bonaire' }
    , { id: 'bo0917', cls: 'fins', desc: 'Chromis, Bonaire' }
    , { id: 'bo0918', cls: 'fins', desc: 'Goby on Montastra Annularis, Bonaire' }
    , { id: 'bo0919', cls: 'cret', desc: 'Banded Shrimp, Bonaire' }
    , { id: 'bo0921', cls: 'txtr', desc: 'Sponge, Bonaire' }
    , { id: 'bo0922', cls: 'txtr', desc: 'Agaricia agaricites, Bonaire' }
    , { id: 'bo0923', cls: 'txtr', desc: 'Mycetophyllia, Bonaire' }
    , { id: 'bo0924', cls: 'cret', desc: 'Anemone, Bonaire' }
    , { id: 'bo0925', cls: 'txtr', desc: 'Sponge, Bonaire' }
    , { id: 'bo0926', cls: 'cret', desc: 'Anemone Shrimp, Bonaire' }
    , { id: 'bo0927', cls: 'txtr', desc: 'Growth on Sea Fan, Bonaire' }
    , { id: 'bo0928', cls: 'cret', desc: 'Diseased Coral, Bonaire' }
    , { id: 'bo0929', cls: 'cret', desc: 'Montrastrea showing signs of Yellow Band Disease, Bonaire' }
    , { id: 'bo0930', cls: 'fins', desc: 'Damselfish, Bonaire' }
    , { id: 'bo0931', cls: 'fins', desc: 'Fairy Basslet, Bonaire' }
    , { id: 'bo0932', cls: 'fins', desc: 'Longnose Pufferfish, Bonaire' }
    , { id: 'tc0801', cls: 'cret', desc: 'Reef Octopus, Turks and Caicos Islands' }
    , { id: 'tc0802', cls: 'cret', desc: 'Reef Octopus, Turks and Caicos Islands' }
    , { id: 'tc0803', cls: 'fins', desc: 'Coney, Turks and Caicos Islands' }
    , { id: 'tc0804', cls: 'fins', desc: 'Jawfish, Turks and Caicos Islands' }
    , { id: 'tc0805', cls: 'cret', desc: 'Hermit Crab, Turks and Caicos Islands' }
    , { id: 'tc0806', cls: 'cret', desc: 'Queen Conch, Turks and Caicos Islands' }
    , { id: 'tc0807', cls: 'fins', desc: 'Bass, Turks and Caicos Islands' }
    , { id: 'tc0808', cls: 'cret', desc: 'Feather Duster Worm, Turks and Caicos Islands' }
    , { id: 'tc0810', cls: 'fins', desc: 'Lionfish (invasive species), Turks and Caicos Islands' }
    , { id: 'tc0811', cls: 'divr', desc: 'Diver, Turks and Caicos Islands' }
    , { id: 'tc0812', cls: 'fins', desc: 'Grouper, Turks and Caicos Islands' }
    , { id: 'tc0813', cls: 'fins', desc: 'Caribbean Reef Shark, Turks and Caicos Islands' }
    , { id: 'tc0814', cls: 'fins', desc: 'Caribbean Reef Shark, Turks and Caicos Islands' }
    , { id: 'tc0815', cls: 'divr', desc: 'Divers, Turks and Caicos Islands' }
    , { id: 'tc0816', cls: 'cret', desc: 'Octopus in den, Turks and Caicos Islands' }
    , { id: 'tc0817', cls: 'cret', desc: 'Upside-down Jellyfish, Turks and Caicos Islands' }
    , { id: 'tc0818', cls: 'cret', desc: 'Hermit Crabs, Turks and Caicos Islands' }
    , { id: 'tc0819', cls: 'fins', desc: 'Batfish, Turks and Caicos Islands' }
    , { id: 'tc0821', cls: 'txtr', desc: 'Zooanthids on Sponge, Turks and Caicos Islands' }
    , { id: 'tc0822', cls: 'fins', desc: 'Indigo Hamlet, Turks and Caicos Islands' }
    , { id: 'tc0823', cls: 'fins', desc: 'Porcupinefish, Turks and Caicos Islands' }
    , { id: 'tc0824', cls: 'cret', desc: 'Flamingo Tongues on soft coral, Turks and Caicos Islands' }
    , { id: 'tc0825', cls: 'cret', desc: 'Golden Crinoid, Turks and Caicos Islands' }
    , { id: 'tc0826', cls: 'fins', desc: 'French Grunts, Turks and Caicos Islands' }
    , { id: 'tc0827', cls: 'cret', desc: 'Finger Coral, Turks and Caicos Islands' }
    , { id: 'tc0828', cls: 'fins', desc: 'Aulostomus Maculatus, Turks and Caicos Islands' }
    , { id: 'tc0829', cls: 'fins', desc: 'Banded Butterflyfish, Turks and Caicos Islands' }
    , { id: 'rs1001', cls: 'tops new', desc: 'Beach at Marsa Nakari, Egyptian Red Sea' }
    , { id: 'rs1002', cls: 'fins new', desc: 'Blenny, Egyptian Red Sea' }
    , { id: 'rs1003', cls: 'fins new', desc: 'Blenny, Egyptian Red Sea' }
    , { id: 'rs1004', cls: 'fins new', desc: 'Chestnut Blenny, Egyptian Red Sea' }
    , { id: 'rs1005', cls: 'fins new', desc: 'Male Anthias, Egyptian Red Sea' }
    , { id: 'rs1006', cls: 'cret new', desc: 'Clam, Egyptian Red Sea' }
    , { id: 'rs1007', cls: 'fins new', desc: 'Arabian Angelfish, Egyptian Red Sea' }
    , { id: 'rs1008', cls: 'reef new', desc: 'School of Sergeant Majors, Egyptian Red Sea' }
    , { id: 'rs1009', cls: 'reef new', desc: 'Hole in the reef, Egyptian Red Sea' }
    , { id: 'rs1010', cls: 'reef new', desc: 'Canyon, Egyptian Red Sea' }
    , { id: 'rs1011', cls: 'reef new', desc: 'Coral Reef, Egyptian Red Sea' }
    , { id: 'rs1012', cls: 'reef new', desc: 'Coral Reef, Egyptian Red Sea' }
    , { id: 'rs1013', cls: 'reef new', desc: 'Soft Coral, Egyptian Red Sea' }
    , { id: 'rs1014', cls: 'divr new', desc: 'Diver at Abu Assalaia, Egyptian Red Sea' }
    , { id: 'rs1015', cls: 'divr new', desc: 'Coral study marker, Egyptian Red Sea' }
    , { id: 'rs1016', cls: 'reef new', desc: 'Anemone and Anemonefish, Egyptian Red Sea' }
    , { id: 'rs1017', cls: 'divr new', desc: 'The Genie in the cave, Egyptian Red Sea' }
    , { id: 'rs1018', cls: 'fins new', desc: 'Glassfish, Egyptian Red Sea' }
    , { id: 'rs1019', cls: 'cret new', desc: 'Sea star, Egyptian Red Sea' }
    , { id: 'rs1020', cls: 'cret new', desc: 'Octopus with two shields, Egyptian Red Sea' }
    , { id: 'rs1021', cls: 'cret new', desc: 'Hermit crab, Egyptian Red Sea' }
    , { id: 'rs1022', cls: 'cret new', desc: 'Cuttlefish in defensive position, Egyptian Red Sea' }
    , { id: 'rs1023', cls: 'fins new', desc: 'Leaf or fish?, Egyptian Red Sea' }
    , { id: 'rs1024', cls: 'fins new', desc: 'Titan Triggerfish, Egyptian Red Sea' }
    , { id: 'rs1025', cls: 'divr new', desc: 'Ean and the Green Turtle, Egyptian Red Sea' }
    , { id: 'rs1026', cls: 'divr new', desc: 'Divers and Green Turtle, Egyptian Red Sea' }
    , { id: 'rs1027', cls: 'divr new', desc: 'Angela and Anemonefish, Egyptian Red Sea' }
    , { id: 'rs1028', cls: 'reef new', desc: 'Plastic bags caught on fire coral, Egyptian Red Sea' }
    , { id: 'rs1029', cls: 'reef new', desc: 'Removing plastic bags from coral, Egyptian Red Sea' }
    , { id: 'rs1030', cls: 'tops new', desc: 'Coral on shore, Egyptian Red Sea' }
    , { id: 'rs1031', cls: 'tops new', desc: 'Marsa Nakari, Egyptian Red Sea' }
    , { id: 'rs1032', cls: 'fins new', desc: 'Juvenile, Egyptian Red Sea' }
    , { id: 'rs1033', cls: 'fins new', desc: 'Crocodilefish, Egyptian Red Sea' }
    , { id: 'rs1034', cls: 'fins new', desc: 'Wrasse, Egyptian Red Sea' }
    , { id: 'rs1035', cls: 'fins new', desc: 'Bluespotted Stingray, Egyptian Red Sea' }
];

var shuffle_interval = 0;
var active = null;

$(document).ready(function() {
    showThumbnails('new');
    
    $('#shuffle').click(function() {
        var go = $('#shuffle_act').text() == 'Start';
        go ? startShuffle() : stopShuffle();
    });

    $('#leftnav').append('<div id="hidden" style="display:none;"></div>');


});

function startShuffle() {
    if (shuffle_interval == 0)
        shuffle_interval = window.setInterval(shuffleNext, 5000);
    $('#shuffle_act').text('Stop');
}

function stopShuffle() {
    clearInterval(shuffle_interval);
    shuffle_interval = 0;
    $('#shuffle_act').text('Start');
}

function shuffleNext() {
    var i = Math.round(Math.random() * $('#leftnav img').length);

    showImage($('#leftnav img')[i]);
}


function showThumbnails(cls){
    stopShuffle();
    var leftnav = $('#leftnav ul').empty();
    for(var i in pics)
        if (pics[i].cls.indexOf(cls) > -1)
            leftnav.append('<li><img src="images/' + pics[i].id + 'xs.jpg" alt="' + pics[i].id + '" title="' + pics[i].desc + '" /></li>');
    leftnav.find('img').click(function(){ 
        showImage($(this)[0]); 
        stopShuffle();
    });    
    showImage(leftnav.find('img:first')[0]);
    $('#leftnav').fadeIn(200);
    
}

function showImage(it){
    active = it;
    $('#hidden').append('<img src="' + it.src.replace(/xs/, 'mm') + '" alt="" />')

    $('#content').fadeOut(1000);
    window.setTimeout(showActive, 1000);
}

function showActive(){


    var it = active;
    var src=it.src.replace(/xs/, 'mm');

    $('#content')
	.addClass("hidden")
	.empty()
        .append('<img src="' + src + '" alt="" />')
        .append('<p class="caption">' + it.title + '</p>')
	.removeClass("hidden")
	.fadeIn(1200)
        ;
}

function showHtml(page){
    $('#leftnav ul').empty()
    $('#content').load(page).fadeIn(200);
    stopShuffle();
}