// JavaScript Document

function prevSlide(){
	if ($$('.ss-previous').hasClass('disabled') == 1) {
		return false;
	}
	var active = parseInt($$('.ss-active').get('text'));
	var prev = active - 1;
	updateSS(prev,active);
	return false;
}

function nextSlide(){
	if ($$('.ss-next').hasClass('disabled') == 1) {
		return false;
	}
	var active = parseInt($$('.ss-active').get('text'));
	var next = active + 1;
	updateSS(next,active);
	return false;
}

// var imagePreload = new Class({
// 	Implements: Chain,
// 	setParentDimensions: function(){
// 		$$('.remooz-photos').setStyles({
// 			width: this.getSize().x,
// 			height: this.getSize().y
// 		}) ;    
// 	}
// }) ;

// var imgPrel = new imagePreload() ;

function updateSS(index,active) {
	var count = $$('.slideshow dd').length;//$$('.ss-count').get('text');
	var slide = $$('.slideshow dt')[index-1].get('text');
	var caption = $$('.slideshow dd')[index-1].get('html');
	var ssImg = $$('.ss-image')[index-1];
	var li = $$('.remooz-photos li')[index-1];
	
		li.setStyle('display','block');
		ssImg.setStyle('opacity',0.0);
		ssImg.setStyle('filter','alpha(opacity=0)');
	if(active != 0) {
		var curLi = $$('.remooz-photos li')[active-1];
		var currentImg = $$('.ss-image')[active-1] ;
		//curLi.setStyle('height', '0px');
		$$('.ss-image-frame').setStyle('background-image','url('+currentImg.getProperty('src')+')');
		curLi.setStyle('display','none');
		//currentImg.setProperty('src', '/images/transparent.gif');
	}
	var loadedImages = [] ;
	var loader = new Asset.images(slide, {
		onProgress: function(i) {
			loadedImages[i] = this ;
		},
		onComplete: function() { 
			loadedImages.each(function(image, i) {
				ssImg.setProperty('src', image.getProperty('src')) ;
				$$('.remooz-photos').setStyle('height', image.getProperty('height') + 'px') ;
			}) ;
		}
	}) ;

	ssImg.fade('in');
	ssImg.setProperty('alt',caption);
	
	$$('.ss-caption').setStyle('display','block');
	$$('.ss-caption').setStyle('opacity',0.0);
	$$('.ss-caption').set('html', caption);
	$$('.ss-caption').fade('in')
	$$('.ss-count').set('text', count);
	updateSSNav(index, count);
}
						
function updateSSNav(active, count) {
	if (active == 1) {
		$$('.ss-previous').addClass('disabled');
	} else {
		$$('.ss-previous').removeClass('disabled');
	}
	if (active == count) {
		$$('.ss-next').addClass('disabled');
	} else {
		$$('.ss-next').removeClass('disabled');
	}
	$$('.ss-active').set('text', active);
}
nextSlide();