var blueskyImages = [];

Event.observe(window,'load',function() {

	$$(".bluesky-nav-arrow").each(function(arrow){
		$(arrow).style.display = 'inline';
	});
	
	$$("a.product-image").each(function(img) {
	
		var photoId = Number(img.id.replace('blueskyphoto','')).toFixed();
		blueskyImages.push(photoId);
		
		Event.observe(img, 'click', function(e) {
			Event.stop(e);
			updateEmanageImage(photoId);
			return false;
		});
		
	});
	
	var currentImg = 0;
	var query = window.location.href.toQueryParams();
	if(query.i < 0) {
		currentImg = blueskyImages.length-1;
	}
	
	updateNextAndPrev(blueskyImages[currentImg]);
	
	
});

updateEmanageImage = function(imageId) {
	$('image').alt = $('blueskyphoto'+imageId+'_img').alt;
	$('image').title = $('blueskyphoto'+imageId+'_img').title;
	$('gallery-info').innerHTML = $('blueskyphoto'+imageId+'_img').getAttribute('desc');
//	$('image').src = "/emanage/images/auto/"+$('blueskyphoto'+imageId+'_img').src.match(/\/([^\/]+)$/)[1].replace(/\-th.jpg$/, '.jpg');
	$('image').src = $('blueskyphoto'+imageId+'_img').readAttribute('target');
	updateNextAndPrev(imageId);
}

updateNextAndPrev = function(photoId) {

	var cur = $A(blueskyImages).indexOf(photoId);
	
	if(photoId != null && cur > -1) {
	
		var prev = blueskyImages[cur];
		var next = blueskyImages[cur];
		if(cur > 0) { prev = blueskyImages[cur-1]; }
		if(cur < blueskyImages.length-1) { next = blueskyImages[cur+1]; }
		
		if(cur == 0) { 	
			if($('prevpage') == null) {
				$('bluesky-prev-img').style.visibility='hidden';
			}
			else {
				$('bluesky-prev-img').onclick = function(e) {
					//Event.stop(e);
					window.location = $('prevpage').href + '&i=-1';
					return false;
				};
			}
		}
		else {
			$('bluesky-prev-img').style.visibility='visible';
			$('bluesky-prev-img').onclick = function(e) {
				//Event.stop(e);
				updateEmanageImage(prev);
				return false;
			};
		}
		
		if(cur == blueskyImages.length-1) {
			if($('nextpage') == null) {
				$('bluesky-next-img').style.visibility='hidden';
			}
			else {
				$('bluesky-next-img').onclick = function(e) {
					//Event.stop(e);
					window.location = $('nextpage').href;
					return false;
				};
			}
		}
		else {
			$('bluesky-next-img').style.visibility='visible';
			$('bluesky-next-img').onclick = function(e) {
				//Event.stop(e);
				updateEmanageImage(next);
				return false;
			};
		}
		
	}
}