﻿
function loadImage(imageId) {
  var image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  obj.style.filter = "alpha(opacity:"+opacity+")";
  obj.style.KHTMLOpacity = opacity/100;
  obj.style.MozOpacity = opacity/100;
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity, sp) {
  if (document.getElementById) {
    var obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 8;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}
function initScrollBar() {
	var images_list = document.getElementById('images_list')
	if (parseInt(images_list.style.width) > 408){
		document.getElementById('gallery_control').style.visibility='visible';
		setButton();
	}
	position = 0;
}
function setButton(){
	var images_list = document.getElementById('images_list')
	cur_left1 = parseInt(images_list.style.marginLeft.slice(0, images_list.style.marginLeft.length-2))
	cur_left1 = isNaN(cur_left1) ? 0 : cur_left1;
	document.getElementById('moveright').style.visibility='visible';
	document.getElementById('moveleft').style.visibility='visible';
	if ((parseInt(images_list.style.width)*(-1)+136*3) >= cur_left1){
		document.getElementById('moveright').style.visibility='hidden';
	}
	if ( cur_left1 >= 0){
		document.getElementById('moveleft').style.visibility='hidden';
	}
}
function doMoveRight() {
	var images_list = document.getElementById('images_list')
	if ((parseInt(images_list.style.width)*(-1)+136*3) < position){
		position = position - 136;
		doRight();
		//images_list.style.marginLeft = position+'px';
	}
	setButton();
}
function doMoveLeft() {
	var images_list = document.getElementById('images_list')
	if (position <= 0){
		position = position + 136;
		doLeft();
		//images_list.style.marginLeft = position+'px';
	}
	setButton();
}

function doLeft(){
	var images_list = document.getElementById('images_list')
	cur_left1 = parseInt(images_list.style.marginLeft.slice(0, images_list.style.marginLeft.length-2))
	cur_left1 = isNaN(cur_left1) ? 0 : cur_left1;
	if ((position>cur_left1)&&(cur_left1<0)){
		images_list.style.marginLeft = cur_left1+2+"px";
		setButton();
		setTimeout("doLeft()", 2);
	}
}
function doRight(){
	var images_list = document.getElementById('images_list')
	cur_left1 = parseInt(images_list.style.marginLeft.slice(0, images_list.style.marginLeft.length-2))
	cur_left1 = isNaN(cur_left1) ? 0 : cur_left1;
	if ((position<cur_left1)&&(cur_left1>(parseInt(images_list.style.width)*(-1)+136*3))){
		images_list.style.marginLeft = cur_left1-2+"px";
		setButton();
		setTimeout("doRight()", 10);
	}
}
function showImage(imageId, imageURL){
	var image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.src=imageURL;
}
function showImageGallery(imageId, obj){
	var image = document.getElementById(imageId);
	setOpacity(image, 0);
	var imageURL = obj.src;
	imageURL = imageURL.replace('a.jpg', '.jpg');
	image.src=imageURL;
}
