/* Usage: inserts an iframe into a div with id "mapdiv", in conjunction with Template:MapFrame
          for embeddable dynamic maps. Relies on HTML5 data parameters.  */                    

function insertIFrame( $content ) {
	var exhtml = '//tools.wmflabs.org/wikivoyage/w/poimap2.php?';
	// hide the map iframe by default - only show if gadget is enabled
	$content.find( '#mapwrap' ).show();
	var map = $content.find( '#mapdiv' );
	if ( map.length ) {
		validateMap( map );
		var exsrc = exhtml + $.param( {
			lat: map.data( 'lat' ),
			lon: map.data( 'long' ),
			zoom: map.data( 'zoom' ),
			layer: map.data( 'layer' ),
			lang: mw.config.get( 'wgContentLanguage' ),
			name: mw.config.get( 'wgPageName' )
		} );

		map.empty().append(
			$( '<iframe>' ).attr( {
				src: exsrc,
				width: map.data( 'width' ),
				height: map.data( 'height' ),
				style: 'border:0'
			} )
		);

		if ( map.data( 'layer' ).indexOf( 'M' ) < 0 ) {
			$content.find( '.vcard a' ).attr( 'href', function () {
				return this.href.replace( 'layer=M', 'layer=' + map.data( 'layer' )[ 0 ] );
			} );
		}
	}
}

function validateMap( map ) {
	if ( !$.isNumeric( map.data( 'lat' ) ) ) {
		map.data( 'lat', 51.47766 );
	}
	if ( !$.isNumeric( map.data( 'long' ) ) ) {
		map.data( 'long', -0.00115 );
	}
	if ( !$.isNumeric( map.data( 'zoom' ) ) && map.data( 'zoom' ) !== 'auto' ) {
		map.data( 'zoom', 14 );
	}
	if ( !$.isNumeric( map.data( 'height' ) ) ) {
		map.data( 'height', 420 );
	}
	if ( !$.isNumeric( map.data( 'width' ) ) ) {
		map.data( 'width', 420 );
	}
	if ( map.data( 'layer' ).length > 8 ) {
		map.data( 'layer', 'M' );
	}
}

mw.hook( 'wikipage.content' ).add( insertIFrame );