// JavaScript Document
// shirelle data
// code by Azer Manafov (azerman[at]hotmail[dot]com)
// .js encoding - "utf-8"

//end def

var colnum = 4;

var ROUTES_ARRAY  = new Array( );
ROUTES_ARRAY.push( {'small':"images/photo_t01.jpg","image":"images/photo_b01.jpg"},
				   {'small':"images/photo_t02.jpg","image":"images/photo_b02.jpg"},
				   {'small':"images/photo_t03.jpg","image":"images/photo_b03.jpg"},
				   {'small':"images/photo_t04.jpg","image":"images/photo_b04.jpg"},
				   {'small':"images/photo_t05.jpg","image":"images/photo_b05.jpg"},
				   {'small':"images/photo_t06.jpg","image":"images/photo_b06.jpg"},
				   {'small':"images/photo_t07.jpg","image":"images/photo_b07.jpg"},
				   {'small':"images/photo_t08.jpg","image":"images/photo_b08.jpg"}
				  );


function outImgsGallery( placeholder )
{   placeholder = $(placeholder);
    var rownum =  Math.round(ROUTES_ARRAY.length/colnum + 0.5);
    var s = '';
	var k = 0;
    s +=  '<table id="slidesTable" width="448" border="1" style="margin-top:20px;"> <tbody> ';
    for ( var i = 0; i < rownum; i++ )
	{   s +='<tr> ';
	    for ( var j = 0; j < colnum; j++, k++ )
		{   if ( k == ROUTES_ARRAY.length ) break;
            s += '<td> <img id="' + ('img'+(k+1)) + '" src="' + ROUTES_ARRAY[k].small + '" align="middle"> </td> ';
		}
	    s +=' </tr>';
		if ( k == ROUTES_ARRAY.length ) break;
	}
    s +=  ' </tbody></table>';
	placeholder.innerHTML = s;
	var imgs = $("slidesTable").getElementsByTagName("img");
	for ( var i = 0; i < imgs.length; i++)
	{   imgs[i].onmouseover = slidesMouse;
		imgs[i].onmouseout  = slidesMouse;
	}
	
}
function slidesMouse(e)
{   if ( e == undefined ) e = event || window.event;
    var o   = visi.getEventTarget(e);
	var id  = parseInt(o.id.substring(3),10)-1;
	var rc  = visi.getObjectRect("slidesTable");
	var div = $("bigImage"); 
	div.style.left = (rc.left+rc.width+8) + "px";
	div.style.top  = rc.top  + "px";
	var img = div.getElementsByTagName("img")[0];

	switch( e.type )
	{   case 'mouseover':
	    img.src = ROUTES_ARRAY[id].image;
		visi.setVisible(div,true);
        break;
		case 'mouseout':  
		visi.setVisible(div,false);
        break;
		
	}
}

// end shirelle data