var map;
var LoadedPoints;
var BaseImageURL = "img";
var text = "";
var longitud = "";
var lat = "";
var point = "";
var titol = "";
var	entradeta = "";
var url = "";
var	imagepath="";
var	tipus = "";
var data = "24/07/20008";
var markers = new Array();
var count = 0;
//var videoid = "";

function coordenadaX(x,y)
{
	return y;
}
function coordenadaY(x,y)
{
	return x;
}
function loadMap()
{
	map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallZoomControl());
		
	
	map.addControl(new GMapTypeControl());

	map.setCenter(new GLatLng(41.668321,1.275151), 7);
	
	for (i=0;i<markers.length;i++)
	{
		map.addOverlay(markers[i]);
	}
    map.setMapType(G_NORMAL_MAP);
  }
 
 
 function CheckOffset(point)
 {
	while(LoadedPoints[point]!=null & LoadedPoints[point]==true) 
	{
		point = AddPointOffset(point);
	}
	LoadedPoints[point]=true;
	return point;
 }
 
 function AddPointOffset(point)
 {
	return new GLatLng(point.lat()+0.00005,point.lng()+0.00005);
 }
 
 function createMarker(point,titol,entradeta,text,url,imagepath,tipus,data,videoid) {   
	
	//alert("Creant un marker... point ->" + point + " titol -> " + titol + " entradeta -> " + entradeta + " text -> " + text + " url -> " + url + " imgpath -> " + imagepath + " tipus -> " + tipus + " data -> " + data );
	var markericon = GetMarkerIcon(tipus);
	
	var baseIcon = new GIcon();
	baseIcon.image=markericon;
	baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
   /* baseIcon.iconSize = new GSize(20, 34);*/
    baseIcon.shadowSize = new GSize(37, 34);
    baseIcon.iconAnchor = new GPoint(9, 34);
    baseIcon.infoWindowAnchor = new GPoint(9, 2);
    baseIcon.infoShadowAnchor = new GPoint(18, 25);
	
	var options = {title:titol,icon :baseIcon};
	
	var marker = new GMarker(point,options);
	
      GEvent.addListener(marker, "click", function() { 
	  
	  
				/*  
	   		  var html = '<div id="bocata">';
		
			  if(imagepath!=''){html= html+'<span class="label"><a href="'+url+'"><img src="'+imagepath+'" width="90" height="66"></img></a></span>';}
			  
			  html= html + '<span class="label"><a href="'+url+'">'+titol+'</a></span>';
						  
			  if(entradeta!=''){ html= html+ '<span class="label">'+entradeta+'</span>';}
			  
			  if(tipus=='USUARI'){ html = html + '<span class="label">'+data+'</span>';}
			  
			  html = html +'</div> ';  
			*/	
	         
			
			var html = '<div id="bocata" style="width:350px;">';
			 
			if (videoid != '') { html= html+'<a style="text-decoration=none;" href="'+url+'"> <embed width="220" height="200" align="l" flashvars="VIDEO_ID=116199&WIDTH=180&HEIGHT=170&USE_RIGHTCLICKMENU=true&USE_QUALITY=false&USE_CRONO=false" allowscriptaccess="always" allowfullscreen="true" salign="tl" scale="noscale" menu="true" swliveconnect="true" src="http://www.tv3.cat/svp2/svp2.swf" quality="high" bgcolor="#ffffff" name="SVP_instance1" id="SVP_instance1" style="" type="application/x-shockwave-flash"/> </a>' } 
			 
			else	if(imagepath!=''){html= html+'<a style="text-decoration=none;" href="'+url+'"><img style="float:left;" src="'+imagepath+'" width="90" height="66"></img></a>';
				
			if (titol != '') html = html +'<span class="titol_gmaps_punts"><strong>'+titol+'</strong><br />';
			}
			
			if(entradeta!=''){ html = html+'<span class="entradeta_gmaps">' +entradeta+'</span></span>';}
			
			if(text!='' && imagepath!=''){html= html + '<span class="descripcio_gmaps">'+text+'</span><br/>';}
			else{
				if(text!=''){ html = html+'<span class="descripcio_gmaps_ample">' +text+'</span><br/>';}
			}
			html= html+'</div>';
			
			  
	  marker.openInfoWindowHtml(html);
	  
	  GEvent.addListener(marker, "infowindowclose", function() {
		map.setCenter(point, map.getZoom());
		});

	  });
	return marker;
 }
 
 function GetMarkerIcon(tipus)
 {
	if (tipus == "FOTOS"){
		return "/bolets/img/fotos_usuaris.png"
	}
	else if (tipus == "VIDEOS") {
	return "/bolets/tmp/videos_usuaris.png";
	}
	else
	return "/bolets/img/fotos_consultori.png";
 
 }
 
  var map = null;
  var geocoder = null;

    function showAddress(address) {

      geocoder = new GClientGeocoder();
	  if (geocoder) {

        geocoder.getLatLng(

          address,

          function(point) {

            if (!point) {

              alert(address + " not found");

            } else {
			  document.getElementById("map_canvas").style.width ="300px";
			  
			  document.getElementById("map_canvas").style.height ="300px";
			  document.getElementById("map_canvas").style.visibility="visible";
			  //document.getElementById("map_canvas").style.position="relative";
			  map = new GMap2(document.getElementById("map_canvas"));
			  map.addControl(new GSmallZoomControl());

			  map.addControl(new GMapTypeControl());

			  //map.setMapType(G_HYBRID_MAP);

              map.setCenter(point, 10);

              //static marker
			  //var marker = new GMarker(point);
			  
			  //dragable marker
			  var marker = new GMarker(point, {draggable: true});



		        GEvent.addListener(marker, "dragstart", function() {

		          map.closeInfoWindow();

		        });



		        GEvent.addListener(marker, "dragend", function() {

				var html =  '<div style="width: 250px; height: 75px; padding-top: 20px;">' +

							'<div style="padding-left: 10px; padding-top: 5px; width: 150px; height: 75px;">' +

							'<div style="width: 250px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 14px; float: left;">És correcta la localització?</div>'+

							'<div style="width: 250px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; float: left; padding-top: 2px;">'+'<a href="#" onclick="javascript:ConfirmLoc('+marker.getPoint().lat()+','+marker.getPoint().lng() +');return false;">Sí</a> / <a href="#" onclick="javascript:CancelLoc();return false;">No</a>'+'</div>'+

							'<div style="width: 250px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; float: left; padding-top: 2px;">Si vols, pots moure el cursor per ajustar-ho encara més</div>'

							'</div>'+

							'</div>';
				
				
		          marker.openInfoWindowHtml(html);

		        });



        
			  

              map.addOverlay(marker);
			 

                           var html2 =  '<div style="width: 250px; height: 75px; padding-top: 20px;">' +

							'<div style="padding-left: 10px; padding-top: 5px; width: 150px; height: 75px;">' +

							'<div style="width: 250px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 14px; float: left;">És correcta la localització?</div>'+

							'<div style="width: 250px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; float: left; padding-top: 2px;">'+'<a href="#" onclick="javascript:ConfirmLoc('+marker.getPoint().lat()+','+marker.getPoint().lng() +');return false;">Sí</a> / <a href="#" onclick="javascript:CancelLoc();return false;">No</a>'+'</div>'+

							'<div style="width: 250px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; float: left; padding-top: 2px;">Si vols, pots moure el cursor per ajustar-ho encara més</div>'

							'</div>'+

							'</div>';
				
				
		     marker.openInfoWindowHtml(html2);

            }

          }

        );

      }

    }

	function ConfirmLoc(point,point2)
	{
		var formid = document.getElementById("enviar_foto");
		formid.KEYWORDS.value= point+','+point2;
		HideMap();
	}
	function CancelLoc()
	{
		HideMap();
	}
	
	function HideMap()
	{
		document.getElementById("map_canvas").style.visibility="hidden";
		document.getElementById("map_canvas").style.width ="0px";
		document.getElementById("map_canvas").style.height ="0px";
	}
	
	/*VALIDACIONS */
	
	var ValidExtensions = new Array(".jpg", ".jpeg", ".gif");

	function isValidExtension(file,ValidExtensionsArray) {
	    var extArray = ValidExtensionsArray;
	    allowSubmit = false;
	    
		if (!file) return;
	    
		while (file.indexOf("\\") != -1)
	    file = file.slice(file.indexOf("\\") + 1);
	    
		ext = file.slice(file.indexOf(".")).toLowerCase();
	    for (var i = 0; i < extArray.length; i++) {
			if (extArray[i] == ext) { allowSubmit = true; break; }
	    }
	    if (allowSubmit) return true;
	    else
			alert("nomčs s'admeten fitxers del tipus:  "
			+ (extArray.join("  ")) + "\n selecciona un nou "
			+ "fitxer amb un d'aquests tipus.");
	    return false;
	}
	
	function setFormImg(form) {
			form.hiAction.value = '230';		
			form.stateIdName.value = 'PDMOD';
			form.CAT.value = '45189';
			form.ESTAT.value = 'PDMOD';
			form.elements['#_$$1DESCRIPTION'].value = form.TITOL.value;
			form.elements['#_$$1PLACE'].value = form.ENTRADETA.value;
			setDate(form);
		}
	function setDate(form)
	{
		var month = parseInt(form.fotoconcurs_Month_ID.value)+1;
		form.ELEMENT_IDNAME.value = form.fotoconcurs_Day_ID.value+'/'+ month +'/'+ form.fotoconcurs_Year_ID.value;
		
	}

		function checkForm(form) {
			
			var service = form.hiServiceId.value;
			if (isRequiredFieldEmpty(form.NOM,"Usuari") == true) return false;
			if (isRequiredFieldEmpty(form.CLAU,"Clau") == true) return false;			
			if (isRequiredFieldEmpty(form.TITOL,"Títol") == true) return false;	
			if (isRequiredFieldEmpty(form.ENTRADETA,"Lloc") == true) return false;
			if (isRequiredFieldEmpty(form.elements['#_$$1type.IMAGE.ORIGIN'],"Imatge") == true) return false;
			if(isValidExtension(form.elements['#_$$1type.IMAGE.ORIGIN'].value,ValidExtensions)==false) return false;
			if (isRequiredFieldEmpty(form.TEXT,"Comentari") == true) return false;	
			if (isValidLength(form.TEXT,"Comentari",1,200) == false) return false;					

			if(document.getElementById("enviar_foto").KEYWORDS.value=="")
			{
				alert("Has de confirmar la ubicació al mapa");
				return false;
			}
			
			return true;
		}
		
function sendForm(form){
			if ( checkForm(form) ) {
				setFormImg(form);
				form.action = '/su/Register';				
				form.submit();
			}
			return false;
}


function insertarVideo(id, width, height){
	var ConfigData = new Object()
		ConfigData.VIDEO_ID =	id;
		if(width!=null){
			ConfigData.WIDTH = width;
		}else{
			ConfigData.WIDTH = 245;
		}
		if(width!=null){ 
			ConfigData.HEIGHT = height-37;
		}else{
			ConfigData.HEIGHT = 200;
		}
		ConfigData.HEIGHT = 200;
		ConfigData.USE_RIGHTCLICKMENU = "true";
		ConfigData.USE_CRONO = "false";

	  var FlashParams = new Object()
		FlashParams.src = "http://www.tv3.cat/svp2/svp2.swf";
		FlashParams.bgcolor = 	"#ffffff";
		if(width!=null){
			FlashParams.width =						width;
		}else{
			FlashParams.width =						245;
		}
		if(width!=null){
			FlashParams.height =						height;
		}else{
			FlashParams.height =						237;
		}
		FlashParams.quality =					"high";
		FlashParams.swLiveConnect =				"true";
		FlashParams.menu =						"true";
		FlashParams.scale =						"noscale";
		FlashParams.salign =					"tl";
		FlashParams.align =						"l";
		FlashParams.allowFullScreen =			"true";

		insertaSVP( "flashcontent", ConfigData , FlashParams )  
}