//<script type="text/javascript">
//Si el navegador del cliente es Mozilla la variable siguiente valdrá true
var moz = document.getElementById && !document.all;
//Flag que indica si estamos o no en proceso de arrastrar el ratón
var estoyArrastrando = false;
//Variable para almacenar un puntero al objeto que estamos moviendo
var dobj;
function presionarBoton(e) {
//Obtenemos el elemento sobre el que se ha presionado el botón del ratón
var fobj = moz ? e.target : event.srcElement;
//alert(fobj.parentNode);
// Buscamos el primer elemento en la que esté contenido aquel sobre el que se ha pulsado
// que pertenezca a la clase objMovible.
//alert(fobj.className);
while (fobj.tagName.toLowerCase() != "html" && fobj.className != "objMovible") {
fobj = moz ? fobj.parentNode : fobj.parentElement;
}
// Si hemos obtenido un objeto movible...
if (fobj.className == "objMovible") {
// Activamos el flag para indicar que se empieza a arrastrar
estoyArrastrando = true;
// Guardamos un puntero al objeto que se está moviendo en la variable global
dobj = fobj;
var contenedor = document.getElementById('objMovible');
contenedor.onmousemove = arrastrarRaton;
// Devolvemos false para no realizar ninguna acción posterior
return false;
}
}
function arrastrarRaton(e){
if (estoyArrastrando) {
newLeft = moz ? e.clientX : event.clientX;
newTop = moz ? e.clientY : event.clientY;
dobj.style.left = newLeft - parseInt(dobj.style.width)/2;
dobj.style.top = newTop - parseInt(dobj.style.height)/2;
var inserta = document.getElementById('bombo');
var inserta2 = document.getElementById('bombo2');
var inserta3 = document.getElementById('bombo3');
var inserta4 = document.getElementById('bombo4');
var inserta5 = document.getElementById('bombo5');
var inserta6 = document.getElementById('bombo6');
inserta.onmouseover = info;
inserta2.onmouseover = info;
inserta3.onmouseover = info;
inserta4.onmouseover = info;
inserta5.onmouseover = info;
inserta6.onmouseover = info;
return false;
}
}
function soltarBoton(e) {
var contenedor = document.getElementById('objMovible');
contenedor.style.display='none';
estoyArrastrando = false;
}
function presionar(divs,imgs){
;
var x0 =divs.offsetLeft;
var y0 = divs.offsetTop;
var contenedor = document.getElementById('objMovible');
var divsonido = document.getElementById('sonido');
var sonido="<EMBED id='sonido' src='Sound/01.mp3' HIDDEN='true' AUTOSTART='true' volumen >";
divsonido.innerHTML=sonido;
document.getElementById('objMovible').innerHTML="<img src='img/"+imgs+".jpg' id='imgs' width='80' height='80' alt='"+imgs+"'>";
contenedor.style.display='block';
contenedor.style.border='2px solid ';
contenedor.style.borderColor='#231F20';
contenedor.style.left=x0
contenedor.style.top=y0
}
function info(){
alert("hola");
var contenido = document.getElementById('imgs').alt;
var insertar = document.getElementById('bombo').innerHTML;
var valor = document.getElementById('bombo');
var valor2 = document.getElementById('bombo2');
var valor3 = document.getElementById('bombo3');
var valor4 = document.getElementById('bombo4');
var valor5 = document.getElementById('bombo5');
var valor6 = document.getElementById('bombo6');
var contenedor = document.getElementById('objMovible');
if(valor.className==contenido || valor2.className==contenido || valor3.className==contenido || valor4.className==contenido || valor5.className==contenido || valor6.className==contenido){
if(contenido!="undefield"){
if(contenido=="viaje"){
//alert(contenido);
document.getElementById('bombo').innerHTML=contenido;
}else if(contenido=="coche"){
document.getElementById('bombo2').innerHTML=contenido;
}else if(contenido=="juntos"){
document.getElementById('bombo3').innerHTML=contenido;
}else if(contenido=="noches"){
document.getElementById('bombo4').innerHTML=contenido;
}else if(contenido=="hotel"){
document.getElementById('bombo5').innerHTML=contenido;
}else if(contenido=="esquiar"){
document.getElementById('bombo6').innerHTML=contenido;
}
}
contenedor.style.display='none';
estoyArrastrando = false;
}else{
contenedor.style.display='none';
estoyArrastrando = false;
}
}