var imgSize = 114;
var timeout = null;
function lytebx (lnk) {
	document.getElementById('lytebx').style.display = "block";
	var fr = document.getElementById('lytebx_content');
	fr.style.display = "block";
	var iframe = fr.getElementsByTagName('iframe');
	iframe[0].src = lnk;
	if (navigator.appName == "Microsoft Internet Explorer") {
		var sel = document.getElementsByTagName('select');
		for ( var i = 0; i < sel.length; i++ ) {
			sel[i].style.visibility = "hidden";
			}	
		}	
	}

function move(img, div_id, type) {
	div = document.getElementById(div_id);
	table = div.getElementsByTagName('table').item(0);	
	if (type) {
		timeout = window.setTimeout('scrollL("'+div_id+'")', 0);
		var arrow = document.getElementById('left_arrow');		
		if (arrow.src.indexOf("inactive") > 0) {
			arrow.src = "/img/left.gif";
			arrow.style.cursor = "pointer";
			arrow.onmouseover = function() {document.getElementById('left_arrow').src = "/img/left_hover.gif";};
			arrow.onmouseout = function() {document.getElementById('left_arrow').src = "/img/left.gif";};
			arrow.onclick = function() {move(document.getElementById('left_arrow'), 'previews', 0)};
			}
		}
	else {
		timeout = window.setTimeout('scrollR("'+div_id+'")', 0);
		var arrow = document.getElementById('right_arrow');		
		if (arrow.src.indexOf("inactive") > 0) {
			arrow.src = "/img/right.gif";
			arrow.style.cursor = "pointer";
			arrow.onmouseover = function() {document.getElementById('right_arrow').src = "/img/right_hover.gif";};
			arrow.onmouseout = function() {document.getElementById('right_arrow').src = "/img/right.gif";};
			arrow.onclick = function() {move(document.getElementById('right_arrow'), 'previews', 1)};
			}
		}	
	}

var i = 1;
function scrollL(div) {
	window.clearTimeout(timeout);
	var scr = document.getElementById(div);
	if (i != 20) {
		scr.scrollLeft += 6;
		timeout = window.setTimeout('scrollL("'+div+'")', i*2);
		i++;
		}
	else {
		i = 1;
		if (scr.scrollLeft + imgSize*4 >= imgSize*count) {
			var arrow = document.getElementById('right_arrow');
			arrow.src = '/img/right_inactive.gif';
			arrow.onclick = function() { return false };
			arrow.onmouseover = function() { return false };
			arrow.onmouseout = function() { return false };
			arrow.style.cursor = "auto";
			}
		}
	}

function scrollR(div) {
	window.clearTimeout(timeout);
	var scr = document.getElementById(div);
	if (i != 20) {
		scr.scrollLeft -= 6;
		timeout = window.setTimeout('scrollR("'+div+'")', i*2);
		i++;
		}
	else {
		i = 1;
		if (scr.scrollLeft == 0) {
			var arrow = document.getElementById('left_arrow');
			arrow.src = '/img/left_inactive.gif';
			arrow.onclick = function() { return false };
			arrow.onmouseover = function() { return false };
			arrow.onmouseout = function() { return false };
			arrow.style.cursor = "auto";
			}
		}
	}

function closeWin() {
	var fr = parent.document.getElementById('lytebx_content');
	var iframe = fr.getElementsByTagName('iframe');
	iframe[0].src = "/pages/empty_page";
        fr.style.display = "none";
	parent.document.getElementById('lytebx').style.display = "none";	
	if (navigator.appName == "Microsoft Internet Explorer") {
		var sel = parent.document.getElementsByTagName('select');		
		for ( var i = 0; i < sel.length; i++ ) {			
			sel[i].style.visibility = "visible";			
			}
		}
	}

function changeImage(lnk, id) {
	var image_main_div = document.getElementById('image_main_div');
        image_main_div.innerHTML = "";

	new Ajax.Request('/pages/gallery_ajax/'+id,
	{
		method:'get',
		onSuccess: function(transport){
			var response = transport.responseText.evalJSON();
			document.getElementById('desktop').innerHTML = "";
			if (typeof(response.desktop) != "undefined") {
        	                document.getElementById('desktop').innerHTML = response.desktop;
				}
                        image_main_div.innerHTML = response.image;
			if (navigator.appName == "Opera") {
				image_main_div.getElementsByTagName('img').item(0).style.display = "block";
				}
			}
		});


	lins = document.getElementsByTagName('a');
	reg = /^inactive\_link/;
	for (j = 0; j < lins.length; j++) {
		if (reg.test(lins[j].id)) {
			var reg = /^inactive\_link\_/ 
			var num = lins[j].id.replace(reg, "");
                        lins[j].id = "o_link";
			lins[j].className = "";
			lins[j].onclick = function () {changeImage(this, num)}
			break;
			}
		}
        lnk.id = "inactive_link_"+id;
	lnk.className = "inactive_link";
        lnk.onclick = function () {return false};
	}