var maps = new GoogleMaps();
var events = new EventManager();
var dimensions = {width: 0, height: 0};

$(document).ready(function() {
	maps.id = 'map_canvas';
	maps.initialize("Paris, France");
	events.initialize();
	$('#map_canvas').append(
		'<ul id="menu" class="gmnoprint">' + $('#menu_temp').html() + '</ul><div id="submenu" class="gmnoprint">' + $('#sub_menu_temp').html() + '</div>'
	);
	$('#menu_temp').html('');
	$('#sub_menu_temp').html('');
	$('#slider').slider({min:0,max:19,value:12,step:1});
	$('#slider').bind('slidechange', function(event, ui) {
		 maps.map.setZoom(ui.value);
	});
	
	if(document.documentElement) {
		dimensions.width = document.documentElement.offsetWidth;
		dimensions.height = document.documentElement.offsetHeight;
	} else if(window.innerWidth && window.innerHeight) {
		dimensions.width = window.innerWidth;
		dimensions.height = window.innerHeight;
	}
	$('#map_canvas').css('height', dimensions.height);
	$('#map_canvas').css('width', dimensions.width);
	// $('#menu').css('width', dimensions.width - 38);
	$('#slider').css('left', dimensions.width - 49 - $('#slider').css('width').replace('px', '') - 30);
	$('.vue-menu').css('left', dimensions.width - 49 - $('#slider').css('width').replace('px', '') - 150 - $('.option-spacer').css('margin-right').replace('px', ''));
	$('.menu-spacer').css('margin-right', dimensions.width-(163+92+168+79)-(36+90+49)-246);
	Shadowbox.init({'animate':false,'autoDimensions':true,'initialHeight':285,'initialWidth':516,'showOverlay':false,'enableKeys': false});
	$('body').unload(function() {
		GUnload();
	});
});

function setupload() {
	$('#cam_photo').fileUpload ({
		'uploader'  : '/js/uploadify/uploader.swf',
		'script'    : '/js/uploadify/upload.php',
		'cancelImg' : '/js/uploadify/cancel.png',
		'buttonImg' : '/images/ajouter/parcourir.png',
		'auto'      : true,
		'folder'    : '/uploads',
		'wmode'		: 'transparent',
		'onComplete' : function(event, queueID, fileObj) {
			maps.pointToAdd.picture = fileObj.name;
		}
	});
}


function display($title, $msg) { /* affiche une Shadow box */
	Shadowbox.open({player:'html', title:$title, content:'<div id="shadowbox_message">' + $msg + '</div>', height:285, width:516, options:{ onFinish:function(o) {setupload();} }
	});
	$('#shadowbox_overlay').css('background', 'transparent');
	$('#shadowbox_body').css({
		'background' : 'transparent url(/images/ajouter/fond.png) no-repeat',
		'height' : '285px',
		'width' : '516px',
		'color' : '#fff'
	});
}

function about_display() {
	$.ajax({type: "get", url: "/index.php?module=camaps&action=default:about",
	   success: function(msg) {
		Shadowbox.open({player:'html', title:"", content:msg, height:309, width:1280,options:{ onFinish:function(o) {

		} } });
		$('#shadowbox_overlay').css('background', 'transparent');
		$('#shadowbox_body').css({
			'background' : 'transparent url(/images/ajouter/fond-apropos.png) no-repeat',
			'height' : 309,
			'width' : 1280,
			'color' : '#fff'
		});
		
	   }
	});
	
	
}