//<![CDATA[
var map;
var instalaciones
var servicios
var calidad_precio
var entorno
var isla

function imageSlideShow() {
    myShow = new Slideshow('main-slideshow', {hu: '/i/slideshow/', images: ['1.jpg','2.jpg','3.jpg'], type: 'fade'});
}

function init() {
    //imageSlideShow();
}

function showLoading() {
    $('wrapper').style.display = 'none';
    $('loading-wrapper').style.display = 'block';
}

function showMap(id)
{
    window.unload = GUnload;
    if (GBrowserIsCompatible())
    {
        var request = GXmlHttp.create();
        map = new GMap2(document.getElementById("map"));
	
        request.open('GET', '/mapas/' + id, true);
        request.onreadystatechange = function(){
            if (request.readyState == 4)
            {
                loadedMap = eval("(" + request.responseText + ")");
                map.setCenter(new GLatLng(loadedMap.latitud, loadedMap.longitud), loadedMap.zoom);
                listMarkers(loadedMap.id);
            }
        }
        request.send(null);
        map.addControl(new GSmallZoomControl());
        map.addControl(new GMapTypeControl());
        map.addControl(new GOverviewMapControl());
        map.addMapType(G_HYBRID_MAP);
        map.setMapType(G_HYBRID_MAP);
    }
}

function addMarkerToMap(latlng, html, fromDb)
{
    var newMarker = new GMarker(latlng, {draggable:true});
    GEvent.addListener(newMarker, "click", function() {
        marker = newMarker;
        newMarker.openInfoWindow(html, {maxContent:html});
    });
    //Si se trata de un marcador nuevo, añadimos un evento que cierre la infoWindow y borre el marcador si no se ha grabado previamente
    if(!fromDb)
    {
        closeListener = GEvent.addListener(map.getInfoWindow(), "closeclick", function() {
            map.removeOverlay(marker);
            GEvent.removeListener(closeListener)
            infoWindowOpen = false;
        });
    }
    return newMarker;
}

function listMarkers(id)
{
    var request = GXmlHttp.create();
	
    request.open('GET', '/marcadores/' + id, true);
    request.onreadystatechange = function() {
        if(request.readyState == 4)
        {
            markers = eval( "(" + request.responseText + ")" );
            for(var i = 0; i < markers.length; i++)
            {
                var currentMarker=markers[i]
                var texto=currentMarker.texto;
                var lat=currentMarker.latitud;
                var lng=currentMarker.longitud;
				
                if(lat && lng)
                {
                    var latlng = new GLatLng(parseFloat(lat),parseFloat(lng));
                    var newMarker = addMarkerToMap(latlng, texto, true);
                    map.addOverlay(newMarker);
                }
            }
        }
    }
    request.send(null);
}

function showPointsZone()
{
    $('points-zone').style.display = 'block';
    $('points-link').style.display = 'none';
}

function markStar(node)
{
    //Recorrido hacia la izquierda
    var actual = node;
    while(actual)
    {
        if(actual.tagName == 'IMG')
        {
            if(actual.src == '/i/star-full.gif') break;
            actual.src = '/i/star-full.gif';
        }
        actual = actual.previousSibling;
    }
    actual = node.nextSibling;
    while(actual)
    {
        if(actual.tagName == 'IMG')
        {
            if(actual.src == '/i/star-empty.gif') break;
            actual.src = '/i/star-empty.gif';
        }
        actual = actual.nextSibling;
    }
}

function votar(id)
{
    document.getElementById('score-box').innerHTML = '<p>Por favor espere, esperando su voto...</p>'
    var request = GXmlHttp.create();
    var params = "v[hotel_id]=" + id + "&v[instalaciones]=" + instalaciones + "&v[servicios]=" + servicios + "&v[calidad_precio]=" + calidad_precio + "&v[entorno]=" + entorno + "&v[isla]=" + isla;
    request.open('POST', "/valoraciones", true);
    request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    request.setRequestHeader("Content-length", params.length);
    request.setRequestHeader("Connection", "close");
    request.onreadystatechange = function(){
        if (request.readyState == 4)
        {
            valoracion = eval( "(" + request.responseText + ")" );
            if(valoracion.success == true) {
                document.getElementById('score-box').innerHTML = '<p>Gracias por su voto</p>'
            }
        }
        else {
            document.getElementById('score-box').innerHTML = '<input name="send" value="Enviar" class="normal-button" type="button" onclick="votar('+ id +')" />'
        }
    }
    request.send(params);
}

function setScore(area,score) {
    eval(area+"="+score)
}
//]]>