/**
 * Note: The functions contained in this file are for demonstration purposes
 * only and are not necessary in your own project.
 */

function initDemos(){
    // setup flash gallery demo, use a css selector
    Shadowbox.setup('a.flash-gallery', {
        gallery:        'Flash',
        continuous:     true,
        counterType:    'skip',
        animSequence:   'sync'
    });

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

function demoGoogleMaps(){
    Shadowbox.open({
        player:     'html',
        content:    '',
        height:     400,
        width:      650,
        options:    {
            onFinish: function(item){
                if(GBrowserIsCompatible()){
                    var body = document.getElementById(Shadowbox.contentId());
                    var map = new GMap2(body);
                    map.setCenter(new GLatLng(44.0086201154154,20.93994140625), 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));
                    }*/
                    
                    var point = new GLatLng(44.012258,20.935714);
                    var marker = GoogleMap.createMarker(point,"<div style=\"position: relative; top: 10px; color: #000;\"><img src=\"images/novartAddress.gif\" alt=\"Gajeva 7, 34000 Kragujevac, Serbia\" /></div>");
                    map.addOverlay(marker);
                    
                    // add some simple controls
                    map.addControl(new GSmallMapControl());
                    map.addControl(new GMapTypeControl());
                }
            }
        }
    });
}



function demoMessage(){
    Shadowbox.open({
        player:     'html',
        content:    '<div style="text-align:center;padding-top:10px;">You\'re using <a href="http://www.shadowbox-js.com">Shadowbox</a>!</div>',
        height:     100,
        width:      200
    });
}

function demoGallery(){
    var options = {
        continuous: true
    };

    var img = {
        player:     'img',
        content:    'photos/' + productName + '/' + productName + '-' + currentImage + '.jpg',
        options:    options
    };

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

    Shadowbox.open([img]);
}

function demoGallery1(imgArr){
    var options = {
        continuous: true
    };

    var names = '[';
    for(var i=0; i<imgArr.length; i++){
        var n = 'img' + i;
        if(i>0){
            names += ', ' + n;
        } else {
            names += n;
        }
        eval(n + " = {            player:     'img',            content:    imgArr[" + i + "].src,            options:    options        };");
        
    }
    names += ']';
    // alert(names);
    
    Shadowbox.open(eval(names));
    Shadowbox.change(thisImage);
}

window.onload = initDemos;