/**
 * wwn.js
 */

// Prog/en styles - avoid flicker
document.write('<link rel="stylesheet" type="text/css" href="/static/css/pe-style.css" />');

function log(obj) {
    if(window.console && console.log) {
        console.log(obj);
    };
};
     
     
function navigation(lang) {
    
    // CHECK FOR SUPPLIED LANG
    if(lang){
        lang = lang;
    }else{
        lang = 'en';
    }
    
    // Language navigation to drop down
    $('ul#main-nav').each(function() {
        var navUL = $(this);
        
        if(lang=="en"){
            selectnavA = navUL.append(
                '<li class="last"><a id="select-lang" href="#">Language</a></li>')
                .find('a#select-lang');
        }else if(lang=="es"){
            selectnavA = navUL.append(
                '<li class="last"><a id="select-lang" href="#">Idioma</a></li>')
                .find('a#select-lang');
        }else if(lang="fr"){
            selectnavA = navUL.append(
                '<li class="last"><a id="select-lang" href="#">Langue</a></li>')
                .find('a#select-lang');
        }else{
            selectnavA = navUL.append(
                '<li class="last"><a id="select-lang" href="#">Language</a></li>')
                .find('a#select-lang');        
        }
            
            
        selectnavLI = selectnavA.parent()
        var langUL = navUL.parent().prepend('<div id="lang-nav"><ul/></div>')
            .find('#lang-nav ul');
        langUL.append(navUL.find('li.lang'));
        
        selectnavA.click(function() {
            selectnavLI.addClass('selectingNav');
            langUL.show();
            return false;
        });
        $(document).click(function() {
            selectnavLI.removeClass('selectingNav');
            langUL.hide();
        });
    });
 }
 
function wetlands() {
    
    DISABLE_MAPS = false;
    
    // Creat maps from wetland divs
    LINK_REGEX = new RegExp(
        'http:\\/\\/maps\\.google\\.co\\.uk\\/' +
        '\\?q=(-?\\d+(?:\\.\\d+)?),(-?\\d+(?:\\.\\d+)?)');
    var wetlands = $('div#wetlands')//.css('display', 'none');
    if(wetlands.length==1 && window.google) {
        google.load("maps", "2");
        google.setOnLoadCallback(onMapLoaded);
    }
     
    function onMapLoaded() {
        if(DISABLE_MAPS || !GBrowserIsCompatible() || 
            /.*iPhone.*/.test(navigator.userAgent)) {
            wetlands.css('display', 'block');
            return;
        }
        window.onunload = GUnload;
        wetlands.remove();
        
        var wetlandIcon = new GIcon();
        wetlandIcon.image = "/static/furniture/map-icon.png";
        wetlandIcon.shadow = "/static/furniture/map-icon-shadow.png";
        wetlandIcon.iconSize = new GSize(10, 10);
        wetlandIcon.shadowSize = new GSize(10, 10);
        wetlandIcon.iconAnchor = new GPoint(10, 10);
        wetlandIcon.infoWindowAnchor = new GPoint(5, 5);
        markerOptions = { icon:wetlandIcon };

        
        $('div.right-content').addClass('right-content-map')
            .prepend('<div id="pe-map"/>');
        var map_canvas = $('div#pe-map');
        var map = new GMap2(map_canvas[0]);
        var bounds = new GLatLngBounds();
        map.setUIToDefault();
        
        var markers = []
        wetlands.find('div.wetland').each(function() {
            var matched = $(this).find('a.map').attr('href')
                .match(LINK_REGEX);
            if(matched) {
                //var html = $(this).wrapAll('<div></div>').parent().html();
                var html = $(this).wrapAll('<div></div>').parent().html();
                var latlng = new GLatLng(1*matched[1], 1*matched[2]);
                bounds.extend(latlng);
                var wetland = new GMarker(latlng, markerOptions);
                wetland.bindInfoWindowHtml(html);
                markers.push(wetland);
                //map.addOverlay(wetland);
            }
        });
        map.setCenter(bounds.getCenter());
        map.setZoom(map.getBoundsZoomLevel(bounds));
        var closure = function() {
            $.each(markers, function() {
                map.addOverlay(this);
            });
        }
        setTimeout(closure, 500);
        
    }
     
 }
 
$(function() {
    
    // Replace inline styles with classes for float left|right
    $('div.right-content img').each(function() {
        img = $(this);
        cssFloat = img.css('float');
        if(/left|right/.test(cssFloat)) {
            img.css('float', '').addClass(cssFloat);
        }
    });
    
    
    // Embed YouTube video
    embeddedYouTube = 
    '<object width="588" height="331">' +
    '<param name="movie" value="http://www.youtube.com/v/Wjsr6wo2cRg"></param>' +
    '<param name="allowFullScreen" value="true"></param>' +
    '<param name="allowscriptaccess" value="always"></param>' +
    '<embed ' +
    'src="http://www.youtube.com/v/Wjsr6wo2cRg" ' +
    'type="application/x-shockwave-flash" ' +
    'allowscriptaccess="always" ' +
    'allowfullscreen="true" ' +
    'width="588" ' +
    'height="331">' +
    '</embed>' +
    '</object>';
    
    $('a[href^=http://www.youtube.com/watch?v=]').each(function() {
        a = $(this);
        matched = a.attr('href').match(/^http:\/\/www.youtube.com\/watch\?v=([A-Za-z0-9_-]*)$/)
        if(matched) {
            a.after(embeddedYouTube.replace(/Wjsr6wo2cRg/g, matched[1]))
            a.remove()
        }
    });
});