////////////////
/////MUSICA/////
////////////////

//tooke
var tookeNombre = 'Tooke'
var tookeDescripción = 'Reproductor MP4 táctil<br />con ranura Micro SD'
var tookeLink = 'tooke.html'
var tookeImagen = '../imagenes/Productos/musica/thumbs/tooke_thumb.jpg'
var tookeAlt = tookeNombre

//optima
var optimaNombre = 'Optima'
var optimaDescripción = 'Reproductor MP4<br />Pantalla color 1,5'
var optimaLink = 'optima.html'
var optimaImagen = '../imagenes/Productos/musica/thumbs/optima_thumb.jpg'
var optimaAlt = optimaNombre

//runner
var runnerNombre = 'Runner'
var runnerDescripción = 'Reproductor MP3<br />ultraportátil'
var runnerLink = 'runner.html'
var runnerImagen = '../imagenes/Productos/musica/thumbs/runner_thumb.jpg'
var runnerAlt = runnerNombre

//emotion
var emotionNombre = 'E-Motion'
var emotionDescripción = 'Reproductor MP4<br />Pantalla tactil'
var emotionLink = 'emotion.html'
var emotionImagen = '../imagenes/Productos/musica/thumbs/emotion_thumb.jpg'
var emotionAlt = emotionNombre

//Sense
//var senseNombre = 'Sense'
//var senseDescripción = 'Reproductor MP4<br />Pantalla tactil'
//var senseLink = 'sense.html'
//var senseImagen = '../imagenes/Productos/musica/thumbs/sense_thumb.jpg'
//var senseAlt = senseNombre

//cheste
/*var chesteNombre = 'Cheste'
var chesteDescripción = 'Reproductor MP4<br />con bahia de SD'
var chesteLink = 'cheste.html'
var chesteImagen = '../imagenes/Productos/musica/thumbs/cheste_thumb.jpg'
var chesteAlt = chesteNombre*/

//imola
/*var imolaNombre = 'Imola'
var imolaDescripción = 'Reproductor MP4<br />Pantalla de gran formato'
var imolaLink = 'imola.html'
var imolaImagen = '../imagenes/Productos/musica/thumbs/imola_thumb.jpg'
var imolaAlt = imolaNombre*/

//decibel plus
//var decibelplusNombre = 'Decibel Plus'
//var decibelplusDescripción = 'Reproductor MP4<br />carcasas de colores'
//var decibelplusLink = 'decibelplus.html'
//var decibelplusImagen = '../imagenes/Productos/musica/thumbs/decibel_thumb.jpg'
//var decibelplusAlt = decibelplusNombre

//videomax
/*var videomaxNombre = 'Videomax'
var videomaxDescripción = 'Reproductor MP4<br />Ultracompacto'
var videomaxLink = 'videomax.html'
var videomaxImagen = '../imagenes/Productos/musica/thumbs/videomax_thumb.jpg'
var videomaxAlt = videomaxNombre*/

//ipen
var ipenNombre = 'iPen'
var ipenDescripción = 'Reproductor MP3 USB<br />4 GB'
var ipenLink = 'ipen.html'
var ipenImagen = '../imagenes/Productos/musica/thumbs/ipen_thumb.jpg'
var ipenAlt = ipenNombre

function CrearThumbsMusica(div){
var thumbsmusica = '';

//-------comienza el contenido-----------------------------------------*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-
thumbsmusica = '<table class="TablaThumnailsGeneral" border="0" cellspacing="0" cellpadding="0">'
thumbsmusica += '<tr><td height="20"><img src="' + BTNSubirOFF + '" alt="Bajar" width="300" height="20"/></td>'
thumbsmusica += '</tr><tr><td height="450" align="left" valign="top">'
thumbsmusica += '<div id="thumbcontent" class="CapaThumbContent">'
thumbsmusica += '<div id="thumbs" class="CapaThumbnailsProductos" id="thumbs" style="position:absolute">'
thumbsmusica += '<div id="thumbs2" style="position:absolute; top:0px">'
thumbsmusica += '<table width="300" border="0" cellspacing="0" cellpadding="0">'

//POS 1
thumbsmusica += '<tr><td style="background-image:url(' + RutaFondoThumbs + ' )" height="50" align="left" valign="top">'
thumbsmusica += '<table width="300" border="0" cellpadding="0" cellspacing="0" style="height:50px"><tr><td width="100">'
thumbsmusica += '<a href="' + tookeLink + '" target="_self">'
thumbsmusica += '<img src="' + tookeImagen + '" alt="' + tookeAlt + '" width="100" height="50" border="0"/></a></td>'
thumbsmusica += '<td style="padding-left:10px" width="160" align="left" valign="middle" class="VideoVerdana12Bold">'
thumbsmusica += '<span class="MusicaVerdana12Bold">' + tookeNombre + '</span><br />'
thumbsmusica += '<span class="VerdanaNegroBold9">' + tookeDescripción + '</span>'
thumbsmusica += '</td><td width="30" align="left" valign="top"><a href="' + tookeLink + '" target="_self">'
thumbsmusica += '<img src="' + RutaImagenFlecha + '" alt="ir" width="30" height="50" border="0" id="BTNtooke" style="cursor:pointer" onmouseover="javascript:RolloverImagen(' + '\'BTNtooke\'' + ',' + RutaFlechaON + ')" onmouseout="javascript:RolloverImagen(' + '\'BTNtooke\'' + ',' + RutaFlechaOFF + ')"/></a></td></tr></table></td></tr>' 
//FIN DEL THUMBNAIL 1

//POS 1
thumbsmusica += '<tr><td style="background-image:url(' + RutaFondoThumbs + ' )" height="50" align="left" valign="top">'
thumbsmusica += '<table width="300" border="0" cellpadding="0" cellspacing="0" style="height:50px"><tr><td width="100">'
thumbsmusica += '<a href="' + optimaLink + '" target="_self">'
thumbsmusica += '<img src="' + optimaImagen + '" alt="' + optimaAlt + '" width="100" height="50" border="0"/></a></td>'
thumbsmusica += '<td style="padding-left:10px" width="160" align="left" valign="middle" class="VideoVerdana12Bold">'
thumbsmusica += '<span class="MusicaVerdana12Bold">' + optimaNombre + '</span><br />'
thumbsmusica += '<span class="VerdanaNegroBold9">' + optimaDescripción + '</span>'
thumbsmusica += '</td><td width="30" align="left" valign="top"><a href="' + optimaLink + '" target="_self">'
thumbsmusica += '<img src="' + RutaImagenFlecha + '" alt="ir" width="30" height="50" border="0" id="BTNoptima" style="cursor:pointer" onmouseover="javascript:RolloverImagen(' + '\'BTNoptima\'' + ',' + RutaFlechaON + ')" onmouseout="javascript:RolloverImagen(' + '\'BTNoptima\'' + ',' + RutaFlechaOFF + ')"/></a></td></tr></table></td></tr>' 
//FIN DEL THUMBNAIL 1

//POS 1
thumbsmusica += '<tr><td style="background-image:url(' + RutaFondoThumbs + ' )" height="50" align="left" valign="top">'
thumbsmusica += '<table width="300" border="0" cellpadding="0" cellspacing="0" style="height:50px"><tr><td width="100">'
thumbsmusica += '<a href="' + runnerLink + '" target="_self">'
thumbsmusica += '<img src="' + runnerImagen + '" alt="' + runnerAlt + '" width="100" height="50" border="0"/></a></td>'
thumbsmusica += '<td style="padding-left:10px" width="160" align="left" valign="middle" class="VideoVerdana12Bold">'
thumbsmusica += '<span class="MusicaVerdana12Bold">' + runnerNombre + '</span><br />'
thumbsmusica += '<span class="VerdanaNegroBold9">' + runnerDescripción + '</span>'
thumbsmusica += '</td><td width="30" align="left" valign="top"><a href="' + runnerLink + '" target="_self">'
thumbsmusica += '<img src="' + RutaImagenFlecha + '" alt="ir" width="30" height="50" border="0" id="BTNrunner" style="cursor:pointer" onmouseover="javascript:RolloverImagen(' + '\'BTNrunner\'' + ',' + RutaFlechaON + ')" onmouseout="javascript:RolloverImagen(' + '\'BTNrunner\'' + ',' + RutaFlechaOFF + ')"/></a></td></tr></table></td></tr>' 
//FIN DEL THUMBNAIL 1

//POS 1
thumbsmusica += '<tr><td style="background-image:url(' + RutaFondoThumbs + ' )" height="50" align="left" valign="top">'
thumbsmusica += '<table width="300" border="0" cellpadding="0" cellspacing="0" style="height:50px"><tr><td width="100">'
thumbsmusica += '<a href="' + emotionLink + '" target="_self">'
thumbsmusica += '<img src="' + emotionImagen + '" alt="' + emotionAlt + '" width="100" height="50" border="0"/></a></td>'
thumbsmusica += '<td style="padding-left:10px" width="160" align="left" valign="middle" class="VideoVerdana12Bold">'
thumbsmusica += '<span class="MusicaVerdana12Bold">' + emotionNombre + '</span><br />'
thumbsmusica += '<span class="VerdanaNegroBold9">' + emotionDescripción + '</span>'
thumbsmusica += '</td><td width="30" align="left" valign="top"><a href="' + emotionLink + '" target="_self">'
thumbsmusica += '<img src="' + RutaImagenFlecha + '" alt="ir" width="30" height="50" border="0" id="BTNEmotion" style="cursor:pointer" onmouseover="javascript:RolloverImagen(' + '\'BTNEmotion\'' + ',' + RutaFlechaON + ')" onmouseout="javascript:RolloverImagen(' + '\'BTNEmotion\'' + ',' + RutaFlechaOFF + ')"/></a></td></tr></table></td></tr>' 
//FIN DEL THUMBNAIL 1

////POS 2
//thumbsmusica += '<tr><td style="background-image:url(' + RutaFondoThumbs + ' )" height="50" align="left" valign="top">'
//thumbsmusica += '<table width="300" border="0" cellpadding="0" cellspacing="0" style="height:50px"><tr><td width="100">'
//thumbsmusica += '<a href="' + senseLink + '" target="_self">'
//thumbsmusica += '<img src="' + senseImagen + '" alt="' + senseAlt + '" width="100" height="50" border="0"/></a></td>'
//thumbsmusica += '<td style="padding-left:10px" width="160" align="left" valign="middle" class="VideoVerdana12Bold">'
//thumbsmusica += '<span class="MusicaVerdana12Bold">' + senseNombre + '</span><br />'
//thumbsmusica += '<span class="VerdanaNegroBold9">' + senseDescripción + '</span>'
//thumbsmusica += '</td><td width="30" align="left" valign="top"><a href="' + senseLink + '" target="_self">'
//thumbsmusica += '<img src="' + RutaImagenFlecha + '" alt="ir" width="30" height="50" border="0" id="BTNSense" style="cursor:pointer" onmouseover="javascript:RolloverImagen(' + '\'BTNSense\'' + ',' + RutaFlechaON + ')" onmouseout="javascript:RolloverImagen(' + '\'BTNSense\'' + ',' + RutaFlechaOFF + ')"/></a></td></tr></table></td></tr>' 
////FIN DEL THUMBNAIL 2

//POS 3
/*thumbsmusica += '<tr><td style="background-image:url(' + RutaFondoThumbs + ' )" height="50" align="left" valign="top">'
thumbsmusica += '<table width="300" border="0" cellpadding="0" cellspacing="0" style="height:50px"><tr><td width="100">'
thumbsmusica += '<a href="' + chesteLink + '" target="_self">'
thumbsmusica += '<img src="' + chesteImagen + '" alt="' + chesteAlt + '" width="100" height="50" border="0"/></a></td>'
thumbsmusica += '<td style="padding-left:10px" width="160" align="left" valign="middle" class="VideoVerdana12Bold">'
thumbsmusica += '<span class="MusicaVerdana12Bold">' + chesteNombre + '</span><br />'
thumbsmusica += '<span class="VerdanaNegroBold9">' + chesteDescripción + '</span>'
thumbsmusica += '</td><td width="30" align="left" valign="top"><a href="' + chesteLink + '" target="_self">'
thumbsmusica += '<img src="' + RutaImagenFlecha + '" alt="ir" width="30" height="50" border="0" id="BTNCheste" style="cursor:pointer" onmouseover="javascript:RolloverImagen(' + '\'BTNCheste\'' + ',' + RutaFlechaON + ')" onmouseout="javascript:RolloverImagen(' + '\'BTNCheste\'' + ',' + RutaFlechaOFF + ')"/></a></td></tr></table></td></tr>' */
//FIN DEL THUMBNAIL 3

//POS 4
/*thumbsmusica += '<tr><td style="background-image:url(' + RutaFondoThumbs + ' )" height="50" align="left" valign="top">'
thumbsmusica += '<table width="300" border="0" cellpadding="0" cellspacing="0" style="height:50px"><tr><td width="100">'
thumbsmusica += '<a href="' + imolaLink + '" target="_self">'
thumbsmusica += '<img src="' + imolaImagen + '" alt="' + imolaAlt + '" width="100" height="50" border="0"/></a></td>'
thumbsmusica += '<td style="padding-left:10px" width="160" align="left" valign="middle" class="VideoVerdana12Bold">'
thumbsmusica += '<span class="MusicaVerdana12Bold">' + imolaNombre + '</span><br />'
thumbsmusica += '<span class="VerdanaNegroBold9">' + imolaDescripción + '</span>'
thumbsmusica += '</td><td width="30" align="left" valign="top"><a href="' + imolaLink + '" target="_self">'
thumbsmusica += '<img src="' + RutaImagenFlecha + '" alt="ir" width="30" height="50" border="0" id="BTNImola" style="cursor:pointer" onmouseover="javascript:RolloverImagen(' + '\'BTNImola\'' + ',' + RutaFlechaON + ')" onmouseout="javascript:RolloverImagen(' + '\'BTNImola\'' + ',' + RutaFlechaOFF + ')"/></a></td></tr></table></td></tr>' */
//FIN DEL THUMBNAIL 4

////POS 5
//thumbsmusica += '<tr><td style="background-image:url(' + RutaFondoThumbs + ' )" height="50" align="left" valign="top">'
//thumbsmusica += '<table width="300" border="0" cellpadding="0" cellspacing="0" style="height:50px"><tr><td width="100">'
//thumbsmusica += '<a href="' + decibelplusLink + '" target="_self">'
//thumbsmusica += '<img src="' + decibelplusImagen + '" alt="' + decibelplusAlt + '" width="100" height="50" border="0"/></a></td>'
//thumbsmusica += '<td style="padding-left:10px" width="160" align="left" valign="middle" class="VideoVerdana12Bold">'
//thumbsmusica += '<span class="MusicaVerdana12Bold">' + decibelplusNombre + '</span><br />'
//thumbsmusica += '<span class="VerdanaNegroBold9">' + decibelplusDescripción + '</span>'
//thumbsmusica += '</td><td width="30" align="left" valign="top"><a href="' + decibelplusLink + '" target="_self">'
//thumbsmusica += '<img src="' + RutaImagenFlecha + '" alt="ir" width="30" height="50" border="0" id="BTNDecibelPlus" style="cursor:pointer" onmouseover="javascript:RolloverImagen(' + '\'BTNDecibelPlus\'' + ',' + RutaFlechaON + ')" onmouseout="javascript:RolloverImagen(' + '\'BTNDecibelPlus\'' + ',' + RutaFlechaOFF + ')"/></a></td></tr></table></td></tr>' 
////FIN DEL THUMBNAIL 5

//POS 6
/*thumbsmusica += '<tr><td style="background-image:url(' + RutaFondoThumbs + ' )" height="50" align="left" valign="top">'
thumbsmusica += '<table width="300" border="0" cellpadding="0" cellspacing="0" style="height:50px"><tr><td width="100">'
thumbsmusica += '<a href="' + videomaxLink + '" target="_self">'
thumbsmusica += '<img src="' + videomaxImagen + '" alt="' + videomaxAlt + '" width="100" height="50" border="0"/></a></td>'
thumbsmusica += '<td style="padding-left:10px" width="160" align="left" valign="middle" class="VideoVerdana12Bold">'
thumbsmusica += '<span class="MusicaVerdana12Bold">' + videomaxNombre + '</span><br />'
thumbsmusica += '<span class="VerdanaNegroBold9">' + videomaxDescripción + '</span>'
thumbsmusica += '</td><td width="30" align="left" valign="top"><a href="' + videomaxLink + '" target="_self">'
thumbsmusica += '<img src="' + RutaImagenFlecha + '" alt="ir" width="30" height="50" border="0" id="BTNVideoMax" style="cursor:pointer" onmouseover="javascript:RolloverImagen(' + '\'BTNVideoMax\'' + ',' + RutaFlechaON + ')" onmouseout="javascript:RolloverImagen(' + '\'BTNVideoMax\'' + ',' + RutaFlechaOFF + ')"/></a></td></tr></table></td></tr>' */
//FIN DEL THUMBNAIL 6

//POS 7
thumbsmusica += '<tr><td style="background-image:url(' + RutaFondoThumbs + ' )" height="50" align="left" valign="top">'
thumbsmusica += '<table width="300" border="0" cellpadding="0" cellspacing="0" style="height:50px"><tr><td width="100">'
thumbsmusica += '<a href="' + ipenLink + '" target="_self">'
thumbsmusica += '<img src="' + ipenImagen + '" alt="' + ipenAlt + '" width="100" height="50" border="0"/></a></td>'
thumbsmusica += '<td style="padding-left:10px" width="160" align="left" valign="middle" class="VideoVerdana12Bold">'
thumbsmusica += '<span class="MusicaVerdana12Bold">' + ipenNombre + '</span><br />'
thumbsmusica += '<span class="VerdanaNegroBold9">' + ipenDescripción + '</span>'
thumbsmusica += '</td><td width="30" align="left" valign="top"><a href="' + ipenLink + '" target="_self">'
thumbsmusica += '<img src="' + RutaImagenFlecha + '" alt="ir" width="30" height="50" border="0" id="BTNIpen" style="cursor:pointer" onmouseover="javascript:RolloverImagen(' + '\'BTNIpen\'' + ',' + RutaFlechaON + ')" onmouseout="javascript:RolloverImagen(' + '\'BTNIpen\'' + ',' + RutaFlechaOFF + ')"/></a></td></tr></table></td></tr>' 
//FIN DEL THUMBNAIL 7

thumbsmusica += '</table></div></div>/div>'//Cierro capa Thumbs2, Thumbs y Thumbscontent
thumbsmusica += '</td></tr><tr><td height="20">'
thumbsmusica += '<img src="' + BTNBajarOFF + '" alt="subir" width="300" height="20"/>'
thumbsmusica += '</td></tr></table>'
document.getElementById(div).innerHTML = thumbsmusica 
}