var imgD = new Array();

function change_image(folder, file, id, first) {
	if(first == undefined)
		document.getElementById('quote').style.display = 'none';
	if(id == setQoute)
		document.getElementById('quote').style.display = 'inline';
	else
		document.getElementById('quote').style.display = 'none';
	current = id;
	document.getElementById('img_container').style.opacity = '0.0';
	document.getElementById('img_container').style.filter = 'alpha(opacity=0)';
	document.getElementById('img_container').onload = function(){ img_transition(this); }
	document.getElementById('img_container').src = 'images/' + folder + '/' + file;
	//safari fix
	lgi = new Image();
	lgi.src = document.getElementById('img_container').src;
	imgD[0] = lgi.width;
	imgD[1] = lgi.height;
	document.getElementById('display_caption').style.display = 'none';
	document.getElementById('display_caption').innerHTML = images[id][1];
	
	var setNext = current + 1;
	if(setNext > images.length-1)
		setNext = 0;
	document.getElementById('next').onclick = Function("show_next('" + folder + "', '" + images[setNext][0] + "', " + setNext + ")");
	
	var setPrev = current - 1;
	if(setPrev == -1)
		setPrev = images.length-1;
	document.getElementById('previous').onclick = Function("show_previous('" + folder + "', '" + images[setPrev][0] + "', " + setPrev + ")");
	return false;
}

function img_transition() {
	document.getElementById('holder').innerHTML = 'loading';
	var getWidth = document.getElementById('img_container').width;
	//var getWidth = imgD[0];
	new Effect.Morph('display_image', { style:'width: ' + getWidth + 'px;', duration: .35, afterFinish: setFinishHeight });
	new Effect.Morph('display_caption', { style:'width: ' + getWidth + 'px;', duration: .35});
	return false;
}

function setFinishHeight(obj) {
	var getHeight = document.getElementById('img_container').height;
	//var getHeight = imgD[1];
	new Effect.Morph('display_image', { style:'height: ' + getHeight + 'px;', duration: .35, afterFinish: setFinish });
}

function setFinish(obj) {
	new Effect.Opacity('img_container', { from: 0, to: 1, duration: 0.3 });
	var diff = document.getElementById('display_image').offsetWidth - document.getElementById('img_container').width - 20;
	//var diff = document.getElementById('display_image').offsetWidth - imgD[0] - 20;
	document.getElementById('next').style.right = diff + 'px';
	if(document.getElementById('display_caption').innerHTML != '')
		new Effect.Appear('display_caption');
}

function show_previous(folder, file, id) {
	change_image(folder, file, id)
}

function show_next(folder, file, id) {
	document.getElementById('next').style.opacity = '0.0';
	document.getElementById('next').style.filter = 'alpha(opacity=0)';
	change_image(folder, file, id)
}

function show_btn(btn, appear) {
	if(appear)
		new Effect.Opacity(btn, { from: 0, to: 1, duration: 0.3 });
	else
		new Effect.Opacity(btn, { from: 1, to: 0, duration: 0.3 });
	return false;
}

function random_quote() {
	document.getElementById('quote').innerHTML = '<img src="img/quote/quote_' + rand(4) +'.png" alt="" />';
}

function rand(total) {
	return Math.ceil(Math.random()*total);
}

function ajax_ldr(url, id) {
  if (document.getElementById) {
    var x = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
  }
  if (x) {
    x.onreadystatechange = function() {
      if (x.readyState == 4 && x.status == 200) {
				el = document.getElementById(id);
				el.innerHTML = x.responseText;
      }
    }

    x.open("GET", url + '&r=' + rdm(), true);
    x.send(null);
  }
}

function rdm() {
	return Math.floor(Math.random()*100000001);
}

var previousStock = '';
function showLibrary(folder) {
	if(previousStock != folder) {
		document.getElementById('l_'+folder).className = 'over';
		document.getElementById(folder).style.display = 'inline';
		if(previousStock != '') {
			document.getElementById('l_'+previousStock).className = '';
			document.getElementById(previousStock).style.display = 'none';
		}
		previousStock = folder;
	}
}

function screenHide() {
	//Effect.Fade('screen', { duration: 0.3 });
	//Effect.Fade('screen_box', { duration: 0.3 });
	document.getElementById('screen').style.display = 'none';
	document.getElementById('screen_box').style.display = 'none';
}

function submitStock() {
	document.getElementById('screen').style.display = 'inline';
	document.getElementById('screen_box').style.display = 'inline';
	//Effect.Appear('screen', { duration: 0.5 });
	//Effect.Appear('screen_box', { duration: 0.5 });
	document.getElementById('email_selection').innerHTML = 'None';
	
	value = getCheckboxValues('stock[]');
	if(value != '')
		document.getElementById('email_selection').innerHTML = value;
}

function getCheckboxValues(box) {
	value = '';
	setCheck = document.getElementsByName(box);
	for(i = 0; i < setCheck.length; i++) {
		if(setCheck[i].checked) {
			value += setCheck[i].value + '<br />';
		}
	}
	
	return value;
}

function sentStock() {
	window.alert("Your stock selection has been sent.");
	window.open('../stocklibrary.php', '_self');
}

function errorStock() {
	document.getElementById('email_error').innerHTML = 'Please make sure that all of your fields are valid before submitting.<br /><br />';
}

function sentClient() {
	window.alert("Your selection has been sent.");
	window.open('../clientlogin.php', '_self');
}

function errorClient() {
	document.getElementById('email_error').innerHTML = 'Please make sure that all of your fields are valid before submitting.<br /><br />';
}

function sentLogin() {
	window.open('../clientlogin.php', '_self');
}

function errorLogin(type) {
	if(type == 'info') {
		document.getElementById('login_error').innerHTML = 'The user information that you provided was incorrect.<br /><br />';
	}
	else if(type == 'all') {
		document.getElementById('login_error').innerHTML = 'Please make sure that all of your fields are valid before submitting.<br /><br />';
	}
}