/*
* _o : original
* _t : thumbnail
* _f : focusimage
*
*
*/

$(document).ready(function () {

    if ($("#galleria").length > 0) {
        // Load the classic theme
        Galleria.loadTheme('/js/themes/classic/galleria.classic.js');
        // Variables
        var api_key = '9e7bcf45184bc44d676a3f34b29b5cdc' // you must have a flickr API key
        var flickr = new Galleria.Flickr(api_key); // initialize the plugin
        var user = 'barnhjalpen';
        // Set options
        flickr.setOptions({
            max: 30,
            size: 'medium',
            sort: 'date-posted-desc'
        });
        // Get photos from user
        flickr.getUser(user, function (data) {
            $('DIV#galleria').galleria({
                data_source: data
            });
        });
        // Link
        $("#primaryContent").append('<p style=\"margin-top:4px\">Fler bilder hittar du vår profilsida på <a href=\"http://www.flickr.com/photos/' + user + '\">flickr</a></p>');
    }

    if ($("#Map").length > 0) {

        // Create map
        var map = new GMap2(document.getElementById("Map"));
        map.setUIToDefault();
        map.setCenter(new GLatLng(35.400000, 14.500000), 1);

        // Create markes
        function createMarker(pos, title, address, url) {
            var customIcon = new GIcon(G_DEFAULT_ICON);
            customIcon.image = "/images/googlemaps-marker.png";

            var marker = new GMarker(pos, { icon: customIcon });
            GEvent.addListener(marker, "click", function () {
                var html = '<div id="google-blurb">' +
                '<h2>' + title + '</h2>' +
                '<p>' + address + '</p>' +
                '<p><a href="' + url + '">Läs mer</a>' +
                '</div>';
                marker.openInfoWindowHtml(html);
            });

            return marker;
        }

        // Load data
        GDownloadUrl("/js/data.xml", function (data) {
            var xml = GXml.parse(data);
            var markers = xml.documentElement.getElementsByTagName("marker");
            for (var i = 0; i < markers.length; i++) {
                var latlng = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
                var title = markers[i].getAttribute("title");
                var address = markers[i].getAttribute("address");
                var url = markers[i].getAttribute("url");
                map.addOverlay(createMarker(latlng, title, address, url));
            }
        });
    }
});