function showImagesBlock(name, images)
{
	var imgs = new String();
	for(var i=0; i<images.length; i++)
	{
		var k = 0;
		imgs += '<img class="img" style="left:'+(232*i)+'px;" src="'+images[i]+'" alt="" />';
	}
	imgs = '<div class="slidebox" id="images_box_'+name+'">' + imgs + '</div>';

	var mn = new String();
	mn = '<div class="bx"><div class="arr_left"><a href="javascript:imageLeft(\''+name+'\');"><img src="/iphone/images/arr_left.png" width="24" height="24" alt="" /></a></div>'+
	'<div class="im_on_1" id="'+name+'_im_on_1"><img src="/iphone/images/on.png" width="13" height="13" alt="" /></div>'+
	'<div class="im_off_1" id="'+name+'_im_off_1"><a href="javascript:slideImage(\''+name+'\', 1);"><img src="/iphone/images/off.png" width="13" height="13" alt="" /></a></div>'+
	'<div class="im_on_2" id="'+name+'_im_on_2"><img src="/iphone/images/on.png" width="13" height="13" alt="" /></div>'+
	'<div class="im_off_2" id="'+name+'_im_off_2"><a href="javascript:slideImage(\''+name+'\', 2);"><img src="/iphone/images/off.png" width="13" height="13" alt="" /></a></div>'+
	'<div class="im_on_3" id="'+name+'_im_on_3"><img src="/iphone/images/on.png" width="13" height="13" alt="" /></div>'+
	'<div class="im_off_3" id="'+name+'_im_off_3"><a href="javascript:slideImage(\''+name+'\', 3);"><img src="/iphone/images/off.png" width="13" height="13" alt="" /></a></div>'+
	'<div class="arr_right"><a href="javascript:imageRight(\''+name+'\');"><img src="/iphone/images/arr_right.png" width="24" height="24" alt="" /></a></div></div>';

	var elem = document.getElementById('images_'+name);
	if(elem)
	{
		var newdiv = document.createElement('div');
		newdiv.setAttribute('class', 'menu');
		newdiv.innerHTML = mn;
		elem.appendChild(newdiv);

		newdiv = document.createElement('div');
		newdiv.setAttribute('class', 'box');
		newdiv.innerHTML = imgs;
		elem.appendChild(newdiv);
		
		document.getElementById(name+'_im_off_1').style.display = 'none';
	}
}

/* Slide Images */
function slideImage(name, move_page){
	if(eval('cur_page_'+name)==move_page)
		return;

	var images_box = document.getElementById('images_box_'+name);

	var timeout = 50;
	function moveImage(name, i, n, timeout){
		
		var dx = -(eval('cur_page_'+name)-1)*232 + Math.floor((eval('cur_page_'+name)-move_page)*232/n)*i;
		
		//alert( 'c: ' + eval('cur_page_'+name) + '; m: ' +  move_page + '; i:' + i + '; n:' + n + '; ' + (eval('cur_page_' + name)-move_page) + '; dx: '+(eval('cur_page_'+name)-1)*(-230)+'; mv: '+dx);
		//alert(dx-(-(move_page-1)*232));
		
		if(dx-(-(move_page-1)*232)>-5 && dx-(-(move_page-1)*232)<5)
			dx = -(move_page-1)*232;

		images_box.style.marginLeft = dx + 'px';
		
		if(i>=n)
		{
			window['cur_page_'+name] = move_page;
			images_box.style.marginLeft = (-(eval('cur_page_'+name)-1)*232) + 'px';

			switch(eval('cur_page_'+name))
			{
				case 1:
					document.getElementById(name+'_im_on_1').style.display = '';
					document.getElementById(name+'_im_off_1').style.display = 'none';

					document.getElementById(name+'_im_on_2').style.display = 'none';
					document.getElementById(name+'_im_off_2').style.display = '';

					document.getElementById(name+'_im_on_3').style.display = 'none';
					document.getElementById(name+'_im_off_3').style.display = '';
					break;
				case 2:
					document.getElementById(name+'_im_on_1').style.display = 'none';
					document.getElementById(name+'_im_off_1').style.display = '';

					document.getElementById(name+'_im_on_2').style.display = '';
					document.getElementById(name+'_im_off_2').style.display = 'none';

					document.getElementById(name+'_im_on_3').style.display = 'none';
					document.getElementById(name+'_im_off_3').style.display = '';
					break;
				case 3:
					document.getElementById(name+'_im_on_1').style.display = 'none';
					document.getElementById(name+'_im_off_1').style.display = '';

					document.getElementById(name+'_im_on_2').style.display = 'none';
					document.getElementById(name+'_im_off_2').style.display = '';

					document.getElementById(name+'_im_on_3').style.display = '';
					document.getElementById(name+'_im_off_3').style.display = 'none';
					break;
			}

		}
		else
			setTimeout(function(){ moveImage(name, i+1, n, timeout); }, timeout);
	}
	
	setTimeout(function(){ moveImage(name, 1, 5, timeout); }, timeout);

}

function imageLeft(name){
	if(eval('cur_page_'+name)<=1)
		return;
	slideImage(name, eval('cur_page_'+name)-1);
}
function imageRight(name){
	if(eval('cur_page_'+name)>=3)
		return;
	slideImage(name, eval('cur_page_'+name)+1);
}

function showLangs(){
	var elem = document.getElementById('langs');
	if(elem)
	{
		if(elem.style.display=='none' || elem.style.display=='')
			elem.style.display = 'block';
		else
			elem.style.display = 'none';
	}
}
