// SlideGalery by DmitriyYermak (c) 2010

var g_currentX=0;
var g_minX=0;
var g_move=0;
var g_inner_canvas_width;
var g_inner_canvas;
var g_images_src=new Array;
var g_names=new Array;
var g_links=new Array;

// Sozdaet galereyu vnutri elementa elemId
function makeGalery(elemId)
	{
	var theParent=document.getElementById(elemId);
	var canvas=document.createElement("div");
	canvas.className='galery';
	g_inner_canvas=document.createElement("div");
	g_inner_canvas.className='galery_inner_container';
	
	// Podgotovka holsta
	var arrowL = new Image();
	arrowL.src="images/galery/arrowl.gif";
	arrowL.style.styleFloat='left';
	arrowL.style.cssFloat='left';
	arrowL.className='galery_arrow';
	arrowL.onmouseover=function(){
		g_move=7;
		imagesMove(g_inner_canvas);
		}
	arrowL.onmouseout=function(){g_move=0;}
	var arrowR = new Image();
	arrowR.src="images/galery/arrowr.gif";
	arrowR.style.styleFloat='right';
	arrowR.style.cssFloat='right';
	arrowR.className='galery_arrow';
	arrowR.onmouseover=function(){
		g_move=-7;
		imagesMove(g_inner_canvas);
		}
	arrowR.onmouseout=function(){g_move=0;}
	canvas.appendChild(arrowL);
	canvas.appendChild(arrowR);
	canvas.appendChild(g_inner_canvas);
	theParent.appendChild(canvas);
	g_inner_canvas_width=g_inner_canvas.clientWidth;
	
	// Napolnenie kartinkami
	var i;
	var temp_img
	for(i=0;i<g_images_src.length;i++)
		{
		temp_img=new Image();
		temp_img.src=g_images_src[i];
		temp_img.alt=temp_img.title=g_names[i];
		temp_img.className='galery_img';
		temp_img.style.cursor='pointer';
		temp_img.onclick=function(g_link){return function(){window.location.href=g_link;}}(g_links[i]);
		temp_img.style.left=i*116+"px";
		g_inner_canvas.appendChild(temp_img);
		}
	g_minX=-(116*i-g_inner_canvas_width);
	}

function imagesMove()
	{
	if((g_move>0)&&(g_currentX<0))setTimeout("imagesMove()",2);
	else if((g_move<0)&&(g_currentX>g_minX))setTimeout("imagesMove()",2);
		else return;
	var i;
	var numChildren=g_inner_canvas.children.length;
	g_currentX+=g_move;
	for(i=0;i<numChildren;i++)
		{
		g_inner_canvas.children[i].style.left=i*116+g_currentX+"px";
		}
	}