/* 
 * Autor: Gerard Setho
 */
window.onload = ct_onload_1;

/* 
 *   pre-requisitos: 
        1. las fotos pequeños están en la carpeta fotos. (si cambia, se necesita cambia esta línea 
            srcattr = srcattr.replace(/fotos/, 'fotosgrandes'); )
        2. las fotos grandes están en la carpeta fotosgrandes. (si cambia, se necesita cambia esta línea 
            srcattr = srcattr.replace(/fotos/, 'fotosgrandes'); )
        3. las carpetas están en la misma nivel en la estructura de las carpetas.
        4. los imagenes que agrandan tienen el class de seAgranda. (si cambia, se necesita cambia esta línea 
            var classNombre = 'seAgranda';
        5. el foto pequeña y el correspondiente foto grande tienen el mismo nombre.
 */
function ct_onload_1() {
    var imgs = document.getElementsByTagName('img');
    var seAgrandas = new Array ();
    var classNombre = 'seAgranda';

    for ( var i = 0; i< imgs.length ; i++) {
        if( imgs.item(i).className.match( classNombre )) {
            seAgrandas[seAgrandas.length] = imgs.item(i);
        }
    }
    
    for( var i=0 ; i<seAgrandas.length ; i++) {
        var srcattr = seAgrandas[i].attributes.getNamedItem('src').value;
        seAgrandas[i].myvar = srcattr.replace(/fotos/, 'fotosgrandes');

        /*
        onclickattr = document.createAttribute('onclick');
        onclickattr.value = "ct_popup('" + srcattr + "')";
        seAgrandas[i].attributes.setNamedItem( onclickattr );
        */

        //alert( ""+seAgrandas[i].attributes.getNamedItem('onclick').value);
        seAgrandas[i].onclick = ct_popup;
        seAgrandas[i].style.cursor = 'pointer';
    }
}

/*
 * Abre una ventana, que se cambia su tamaño cuando encargue,
 * y se cierra cuando uno haga click el imagen
 */
function ct_popup() {
    pic_url = this.myvar;
    w = window.open("", "fotogrande", "resizable=0, height=200, scrollbars=0, width=200")
    w.document.write('<script language="javascript">');
    w.document.write (' var arrTemp=self.location.href.split("?"); ');
   w.document.write('var picUrl = (arrTemp.length>0)?arrTemp[1]:""; ');
   w.document.write('var NS = (navigator.appName=="Netscape")?true:false; ');
     w.document.write('function FitPic() {');
       w.document.write('iWidth = (NS)?window.innerWidth:document.body.clientWidth;');
       w.document.write('iHeight = (NS)?window.innerHeight:document.body.clientHeight;');
       w.document.write('iWidth = document.images[0].width - iWidth  ;');
       w.document.write('iHeight = document.images[0].height - iHeight +20;');
       w.document.write('window.resizeBy(iWidth, iHeight);');
       w.document.write('self.focus();');
     w.document.write('};');
    w.document.write('</script>');
    w.document.write('<body style="text-align:left;margin:0;padding:0;" onload="FitPic()">');
    w.document.write('<img src="'+pic_url+'" onmouseover="this.style.cursor=\'pointer\'" style="margin:0;padding:0;"/>')
    w.document.write('</body>');
    w.document.close()
    w.document.onblur = function (evt) {w.close();}
    w.document.onclick = function (evt) {w.close();}

}

