////////////////////////
/////ALMACENAMIENTO/////
////////////////////////

//Brabus II 2,5''
var brabusii25Nombre = 'Brabus II 2,5\'\''
var brabusii25Descripción = 'Almacenamiento externo<br /> Disco Duro 2,5\'\' IDE'
var brabusii25Link = 'brabusii25.html'
var brabusii25Imagen = '../imagenes/Productos/almacenamiento/thumbs/brabusii25_thumb.jpg'
var brabusii25Alt = brabusii25Nombre

//Brabus II 3,5''
var brabusii35Nombre = 'Brabus II 3,5\'\''
var brabusii35Descripción = 'Almacenamiento externo<br /> Disco Duro 3,5\'\' SATA O IDE'
var brabusii35Link = 'brabusii35.html'
var brabusii35Imagen = '../imagenes/Productos/almacenamiento/thumbs/brabusii35_thumb.jpg'
var brabusii35Alt = brabusii35Nombre

//TARJETAS SD
var tarjetassdNombre = 'Tarjetas SD'
var tarjetassdDescripción = 'Memorias<br />2GB, 4GB Y 8GB'
var tarjetassdLink = 'tarjetassd.html'	
var tarjetassdImagen = '../imagenes/Productos/almacenamiento/thumbs/tarjetassd_thumb.jpg'
var tarjetassdAlt = tarjetassdNombre

//MEMORY STICK
var memorystickNombre = 'M. Stick, DF30/4010'
var memorystickDescripción = 'Memorias<br />2GB, 4GB Y 8GB'
var memorystickLink = 'memorystick.html'
var memorystickImagen = '../imagenes/Productos/almacenamiento/thumbs/memorystick_thumb.jpg'
var memorystickAlt = memorystickNombre

function CrearThumbsAlmacenamiento(div){
var thumbsalmacenamiento = '';

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

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

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

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

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

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