/**
 * Note: The functions contained in this file are for demonstration purposes
 * only and are certainly not necessary in your own project.
 */
function initDemos(){

    // setup flash gallery demo
    Shadowbox.setup([
        document.getElementById('flash1'),
        document.getElementById('flash2'),
        document.getElementById('flash3')
    ], {
        gallery:        'Flash',
        continuous:     true,
        counterType:    'skip',
        animSequence:   'sync'
    });

    // setup image map demo
    Shadowbox.setup(document.getElementById('hongkongmap').getElementsByTagName('area'));

};

function demoMap(){

    Shadowbox.open({
        player:     'html',
        content:    '',
        height:     300,
        width:      500,
        options:    {
            onFinish: function(item){
                if(GBrowserIsCompatible()){
                    var map = new GMap2(document.getElementById('shadowbox_content'));
                    map.setCenter(new GLatLng(37.4419, -122.1419), 13);

                    // add 10 markers to the map at random locations
                    var bounds = map.getBounds();
                    var southWest = bounds.getSouthWest();
                    var northEast = bounds.getNorthEast();
                    var lngSpan = northEast.lng() - southWest.lng();
                    var latSpan = northEast.lat() - southWest.lat();
                    for(var i = 0; i < 10; i++){
                        var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
                            southWest.lng() + lngSpan * Math.random());
                        map.addOverlay(new GMarker(point));
                    }

                    // add some simple controls
                    map.addControl(new GSmallMapControl());
                    map.addControl(new GMapTypeControl());
                }
            }
        }
    });

};

function demoMessage(){

    Shadowbox.open({
        player:     'html',
        content:    '<div class="shadowbox_message">You\'re using <a href="../index.html">Shadowbox</a>!</div>',
        height:     100,
        width:      200
    });

};

function demoGallery(){

    var img = {
        player:     'img',
        content:    'gallery/aston_martin/vanquish.jpg'
    };

    var video = {
        player:     'iframe',
        content:    'http://www.youtube.com/v/y8Kyi0WNg40&amp;autoplay=1',
        height:     340,
        width:      405,
        title:      'Dramatic Look'
    };

    Shadowbox.open([img, video], {
        continuous: true
    });