//window.onload=(window.onload,setTimeout("setPanel()",2000));
window.onload=function() { setTimeout("setPanel()",2000) }

function setPanel(){
    $("#panel20").offset().top = 0;
    $("#panel20").offset().left = 2000;
}

$(document).ready(function() {
	$("#panel20").offset().top = 0;
	$("#panel20").offset().left = 2000;
	/*
	$("#paginaExterior a").enlacesExternos({ //mediante selector indicamos a que enlaces queremos aplicar el plugin
		mostrarIcono: true, //mostrar icono si/no (true/false)
		modoImagen: true, //mostrar icono mediante etiqueta "img" tras el enlace (true) o mostrarla mediante bacground del enlace (false)
		rutaIcono: "/img/icons/icon_external.gif", //ruta al icono que se va a utilizar
		mostrarTitle: true, //modificar title del enlace si/no (true/false)
		title: "Este enlace se abrir� en una ventana nueva", //texto que llevar� el title nuevo, o, en caso de existir, texto que se a�adir�
		abrirVentana: true //abrir enlace en ventana nueva si/no (true/false)
	});
		
	/*$("map#central area#opcion1").click(function() {
		$("body#parametros").css({'width' : '1787px'});
		//$("#panel1").css({'display' : 'block', 'font-weight' : 'bolder'});
	})*/
	
	/*
	$("map#central area#opcion2").click(function() {
		$("body#parametros").css({'width' : '1787px'});
		//$("#panel3").css({'display' : 'block', 'font-weight' : 'bolder'});
	})*/
	
	$(".filaIconos li").mouseover(function(){
        $(this).css('cursor','pointer');
		$('#contenedorHucha').addClass("fondo");
		numElemento=$(this).attr("id").substr(5);

		actual[0]=iconos[numElemento][0]; //precio
		actual[1]=iconos[numElemento][1]; //agua
		actual[2]=iconos[numElemento][2]; //co2
		actual[3]=iconos[numElemento][3]; //resumen
        $('#resumen').html(actual[3]);
//		$('#hucha p').html(actual[0]+"<span> €</span>");
//		$('#agua').html(actual[1]+"<span> m<sup>3</sup> de agua</span>");
//		$('#co2').html(actual[2]+"<span> Kg<sup>3</sup> de CO<sub>2</sub></span>");
//		$('#resumen').html(actual[3]);
    }).mouseout(function(){
//      	$('#hucha p').html(total[0]+"<span> €</span>");
//		$('#agua').html(total[1]+"<span> m<sup>3</sup> de agua</span>");
//		$('#co2').html(total[2]+"<span> Kg<sup>3</sup> de CO<sub>2</sub></span>");
		$('#resumen').html('');
        $('#contenedorHucha').removeClass("fondo");
    });
	
	$('.icono').draggable({ 
		refreshPositions: true, 
		zIndex: 2700, 
		revert: 'invalid', 
		drag: function(event, ui) {  
		/*
			numElemento=$(this).attr("id").substr(5);
			actual[0]=iconos[numElemento][0]; //precio
			actual[1]=iconos[numElemento][1]; //agua
			actual[2]=iconos[numElemento][2]; //co2
			actual[3]=iconos[numElemento][3]; //resumen*/
            $('#resumen').html(actual[3]);
			$('#contenedorHucha').addClass("fondo");
		},
		stop: function(event, ui) {  
			$('#contenedorHucha').removeClass("fondo");
		}
	});
	
	$("#trash").droppable({
		accept: '.icono',
		greedy: false,
		drop: function(event, ui) {
			$(ui.draggable).draggable('disable');
            numElemento=$(ui.draggable).attr("id").substr(5);
            total[0]=total[0]+parseInt(actual[0]); //precio
            total[1]=total[1]+parseInt(actual[1]); //agua
            total[2]=total[2]+parseInt(actual[2]); //co2
			base = parseInt(intervalo / numImagenes); //ashdjksahdjksahdjksa
			resultado = parseInt(total[0] / base);
			if (total[0] < (base*(resultado + 1)) && (resultado != numImagenes)) {
				$("#ambiente"+(resultado-1)+"").fadeTo(3000, 0);
			}
			
            $('#hucha p').html("<strong>"+total[0]+"</strong><span> €</span>");
            $('#agua').html("<strong>"+total[1]+"</strong><span> m<sup>3</sup> de agua</span>");
            $('#co2').html("<strong>"+total[2]+"</strong><span> Kg de CO<sub>2</sub></span>");
            $('#resumen').html('');
            
            elemento=$(ui.draggable).html();
            $(ui.draggable).remove();
            $('<li>'+elemento+'</li>').appendTo('ul#dropados');

            //se comprueba si se ha llegado al final
            iconosDrop=iconosDrop+1;
            if(iconosDrop==numeroIconos){
                finCargaIconos();
            }
		}
	});
});

function finCargaIconos(){
    //alert('terminado');
}