// JavaScript Document

var pID=new Array();
var url=new Array();
var cap=new Array();
var galleryInterval = 5;
var galsize, current, playing, fadeUp, fadeDown, navbar, galimg, onnav, onimg, galwrap, temp;

function stripslashes(str) {
	str=str.replace(/\\'/g,'\'');
	str=str.replace(/\\"/g,'"');
	str=str.replace(/\\0/g,'\0');
	str=str.replace(/\\\\/g,'\\');
	return str;
}

function initGallery() {
	galimg = new YAHOO.util.Element('galitem_img');
	navbar = new YAHOO.util.Element('imggal_navbar');
	galwrap = new YAHOO.util.Element('imggal_gal_wrapper');
	
	fadeUp = new YAHOO.util.Anim('galitem_img', {opacity:{from: 0,to: 1}}, 0.1, YAHOO.util.Easing.eastOutStrong);
	fadeDown = new YAHOO.util.Anim('galitem_img', {opacity:{from: 1,to: 0}}, 0.1, YAHOO.util.Easing.easeBoth);
	
	fadeDown.onComplete.subscribe(function() { showPhoto(current); fadeUp.animate(); });
	
	navUp = new YAHOO.util.Anim('imggal_navbar', {opacity:{from: 0,to: 0.75}}, 0.25, YAHOO.util.Easing.easeOutStrong);
	navDown = new YAHOO.util.Anim('imggal_navbar', {opacity:{from: 0.75,to: 0}}, 0.3, YAHOO.util.Easing.easeOut);

	galimg.on('mouseover', function() { onimg=true; if (navbar.getStyle('opacity')==0) navUp.animate(); });
	navbar.on('mouseover', function() { onnav=true; if (navbar.getStyle('opacity')==0) navUp.animate(); });

	galimg.on('mouseout', function() { onimg=false; setTimeout('checkDown()', 1000); });
	navbar.on('mouseout', function() { onnav=false; setTimeout('checkDown()', 1000); });
	
	playing=true;
}

function importGallery(res) {
	var gallery = res.split(':');
	
	for (i=0;i<(gallery.length-1)/3;i++) {
		pID[i] = gallery[i*3];
		url[i] = gallery[(i*3)+1];
		cap[i] = stripslashes(gallery[(i*3)+2]);
	}
	galsize=pID.length;
	current=0;
	showPhoto(current);
}

function checkDown() { if (!onnav && !onimg) if (navbar.getStyle('opacity')==0.75) navDown.animate(); }

function showPhoto(num) {
	document.getElementById('galitem_img').src = ''+url[num]+'';
	updateNav(num);
	updateCaption(current);
}

function updateNav(num) {
	for (i=0;i<galsize;i++) document.getElementById('navitem'+i).src = 'img/shape_square_empty.png';
	document.getElementById('navitem'+num).src = 'img/shape_square.png'
}

function updateCaption(num) { document.getElementById('galitem_caption').innerHTML = ''+cap[num]+''; }

function jumpToPhoto(id) { current=id.id.charAt(id.id.length-1); fadeDown.animate(); playing=false; }
function nextPhoto() { current=++current%galsize; fadeDown.animate(); }
function prevPhoto() { current=(--current+galsize)%galsize; fadeDown.animate();	}

function cyclePhotos() {
	if (playing) {
		nextPhoto();
		setTimeout('cyclePhotos()', galleryInterval*1000);
	}
}

YAHOO.util.Event.onAvailable("imggal", function() {
	YAHOO.util.Dom.setStyle(document.getElementById('galitem_img'), 'opacity', 1.0);						
	YAHOO.util.Dom.setStyle(document.getElementById('imggal_navbar'), 'opacity', 0.0);
	YAHOO.util.Dom.setStyle(document.getElementById('imggal_navbar'), 'display', 'block');
	setTimeout('cyclePhotos()', galleryInterval*1000);
});