/* Global Javascript */

$(document).ready(function() {
	//our map container and instance of GLatLngBounds
	var mapContainer = $("#map")[0];
	var bounds = new GLatLngBounds();
	var markers = [];
	var links = [];
	var descs = [];
	var imgs = [];
	var navi ='';
	var i = 0;
	var style = "";
	var foto = "";
	
		//if browser is compatible
		if (GBrowserIsCompatible()) {
			//if div with given id was found
			if(mapContainer) {
				//instance of the GMap2 and some controls
				var map = new GMap2(mapContainer);
				map.addControl(new GLargeMapControl);
				map.addControl(new GMapTypeControl);
				map.addControl(new GScaleControl);
				map.setCenter(new GLatLng(0,0),0);
				map.setMapType(G_HYBRID_MAP);
			}
			//AJAX request
			$.get($('#chrMapa').attr('value'),function(data) {
				//we are looking for all marker and looping through them
				$(data).find('marker').each(function(){
					//serializing some data from the request
					var lat    = $(this).attr('lat');
					var lng    = $(this).attr('lng');
					var link   = $(this).attr('link');
					var desc   = $(this).attr('desc');
					var img    = $(this).attr('img');
					var point  = new GLatLng(eval(lat)+.0006,eval(lng)-.0004);
					var marker = new GMarker(point);
					markers[i] = marker;
					links[i] = link;
					descs[i] = desc;
					imgs[i] = img;
					if(i < 30)
						navi += '<a href="#mapa" class="click" id="'+i+'" style="color:white">'+desc+'</a>&nbsp;<a href="'+link+'" style="color:white">+M&aacute;s</a><br />';
					
					//new marker
					map.addOverlay(marker);
					//extending the boundaries
					bounds.extend(point);
					//and the info window
					GEvent.addListener(marker, "click", function() {
						if(img == "") { style = ""; foto = ""; } else { style = "height:270px;width:250px;"; foto = "<img src='" + img + "'>" }
						marker.openInfoWindowHtml("<div style='" + style + "'><a href='" + link + "' style='color:white'><span style='color:black'>" + desc + "<br /></a>" + foto + "...ver mas</a></span></div>");
					});
					i++;
						
				});
				//setting the zoom level and the center
				//map.setZoom(map.getBoundsZoomLevel(bounds));
				//map.setCenter(bounds.getCenter());
				map.setCenter(new GLatLng(19.702657650220377,-101.1889100074768),16);
				//$('#navi').html(navi);
				$('.click').click(function() {
					var id = $(this).attr('id');
					if(imgs[id] == "") { style = ""; foto = ""; } else { style = "height:270px;width:250px;"; foto = "<img src='" + imgs[id] + "'>" }
					markers[id].openInfoWindowHtml("<div style='" + style + "'><a href='" + links[id] + "' style='color:white'><span style='color:black'>" + descs[id] + "<br />" + foto + "<br />...ver mas</a></span></div>");
				});
			});
			
		}
			
});



$().ready(function() {

	$("#tablero").validate({
		rules: {
			chrMensaje: {
				required: true
			},
			chrAutor: {
				required: true
			},
			chrEmail: {
				required: true
			},
			chrCaptcha: {
				required: true
			}
		},
		messages: {
			chrMensaje: {
				required: "*"
			},
			chrAutor: {
				required: "*"
			},
			chrEmail: {
				required: "*"
			},
			chrCaptcha: {
				required: "*"
			}
		}
	});

	$("#fotos").validate({
		rules: {
			chrDescripcion: {
				required: true
			},
			chrArchivo: {
				required: true
			},
			chrAutor: {
				required: true
			},
			chrEmail: {
				required: true
			},
			chrCaptcha: {
				required: true
			}
		},
		messages: {
			chrDescripcion: {
				required: "*"
			},
			chrArchivo: {
				required: "*"
			},
			chrAutor: {
				required: "*"
			},
			chrEmail: {
				required: "*"
			},
			chrCaptcha: {
				required: "*"
			}
		}
	});

	$("#contacto").validate({
		rules: {
			chrMensaje: {
				required: true
			},
			chrAutor: {
				required: true
			},
			chrEmail: {
				required: true
			},
			chrCaptcha: {
				required: true
			}
		},
		messages: {
			chrMensaje: {
				required: "*"
			},
			chrAutor: {
				required: "*"
			},
			chrEmail: {
				required: "*"
			},
			chrCaptcha: {
				required: "*"
			}
		}
	});

	$("#recomiendame").validate({
		rules: {
			chrNombre: {
				required: true
			},
			chrEmail: {
				required: true
			},
			chrAmigoNombre: {
				required: true
			},
			chrAmigoEmail: {
				required: true
			},
			chrCaptcha: {
				required: true
			}
		},
		messages: {
			chrNombre: {
				required: "*"
			},
			chrEmail: {
				required: "*"
			},
			chrAmigoNombre: {
				required: "*"
			},
			chrAmigoEmail: {
				required: "*"
			},
			chrCaptcha: {
				required: "*"
			}
		}
	});

});
		
/**  EMPTY!  **/