//Root
var root_directory = '/';
//Preload next/previous images
var buttonImages = new Array();
buttonImages['previous'] = new Image();
buttonImages['previous'].src = root_directory+'images/previous.gif';
buttonImages['previous_over'] = new Image();
buttonImages['previous_over'].src = root_directory+'images/previous_over.gif';
buttonImages['previous_disabled'] = new Image();
buttonImages['previous_disabled'].src = root_directory+'images/previous_disabled.gif';
buttonImages['next'] = new Image();
buttonImages['next'].src = root_directory+'images/next.gif';
buttonImages['next_over'] = new Image();
buttonImages['next_over'].src = root_directory+'images/next_over.gif';
buttonImages['next_disabled'] = new Image();
buttonImages['next_disabled'].src = root_directory+'images/next_disabled.gif';

//Order of current iamge
var currentImage = 0;
//Order of previous image
var previousImage = 0;

//Swaps to next image in array
function nextImage() {
	if(currentImage<imageArray.length-1)
		setImage(imageID[currentImage+1]);
	return false;
}

//Swaps to previous image in array
function prevImage() {
	if(currentImage!=0)
		setImage(imageID[currentImage-1]);
	return false;
}

//Swaps to image with this index(image id)
function setImage(index) {
	previousImage=currentImage;
	currentImage=imageOrder[index];
	setArrows();
	swap(imageID[currentImage]);
	return false;
}

//Changes arrow images
//Checks if button is currently in _over state and won't replace with normal state(but will with disabled)
function setArrows() {
	if(currentImage==0) {
		document.getElementById('previous').src = buttonImages['previous_disabled'].src;
		if(document.getElementById('next').src.search('_over') == -1)
			document.getElementById('next').src = buttonImages['next'].src;
	}
	else if(currentImage==imageArray.length-1) {
		if(document.getElementById('previous').src.search('_over') == -1)
			document.getElementById('previous').src = buttonImages['previous'].src;
		document.getElementById('next').src = buttonImages['next_disabled'].src;
	}
	else {
		if(document.getElementById('previous').src.search('_over') == -1)
			document.getElementById('previous').src = buttonImages['previous'].src;
		if(document.getElementById('next').src.search('_over') == -1)
			document.getElementById('next').src = buttonImages['next'].src;
	}
	return false;
}

// swaps image
function swap(index) {
	//Swap the medium image
	document.getElementById('largeImage').src = imageArray[imageOrder[index]].src;
	if(currentImage!=previousImage) {
		//Add border to the current div
		document.getElementById('d'+imageID[currentImage]).style.borderColor = '#132748';
		//Remove border from the previous div
		document.getElementById('d'+imageID[previousImage]).style.borderColor = '#FFF';
	}
	return false;
}

//open new window with large image from LargeLink
function openLarge(enc) {
	if(enc)
		dir = 'ynetr';
	else
		dir = 'large';
	window.open(root_directory+'zoom.php?img='+encodeURIComponent(imageArray[currentImage].src.replace(/480_360/,dir)),'_blank','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=320,height=240,left=100,top=100');
	return false;
}

//Mouseover functions for next/previous buttons
function mouseOverButton(id) {
	var button = document.getElementById(id);
	//Check if button is disabled
	if(button.src.search('disabled') == -1) {
		//Set button to over image
		if(button.src.search('next') == -1)
			button.src = buttonImages['previous_over'].src;
		else
			button.src = buttonImages['next_over'].src;
	}
}
function mouseOutButton(id) {
	var button = document.getElementById(id);
	//Check if button is disabled
	if(button.src.search('disabled') == -1) {
		//Set button to standard image
		if(button.src.search('next') == -1)
			button.src = buttonImages['previous'].src;
		else
			button.src = buttonImages['next'].src;
	}
}