var navVisible = false;
var infoVisible = false;
var currentImage = 0;
var totalImages = 0;
var navSpeed = 200;
var promptVisible = true;

var navtimer;

window.addEvent('domready', function() {

	function loadImage (id) {
	
		$('ti_' + currentImage).removeClass('active');
	
		$('pi_' + currentImage).setStyle('display', 'none');
		
		$('ti_' + id).addClass('active');
		
		$('pi_' + id).setStyles({
			'display':'block',
			'opacity':'0'
		});
		
		$('pi_' + id).tween('opacity', 1);
		
		if ($('pc_' + id)) {
			
			$('pc_' + currentImage).setStyle('display', 'none');
			
			$('pc_' + id).setStyle('display', 'block');
			
			if (navVisible) {
				$('portfolioNavigation').setStyle('top', 540 - ($('portfolioImageInfo').getSize().y + 84 + 60));
				$('portfolioQuickNav').setStyle('height',540 - ($('portfolioImageInfo').getSize().y + 84 + 60));
			}
					
		}
		
		currentImage = id;
		
		$('imageNum').set('html', (id + 1) + '/' + totalImages);
		
	};

	function showNavigation() {
	
		if ($('portfolioHoverTip')) {
			if (promptVisible) {
				$('portfolioHoverTip').setStyle('display','none');
			};
		}
			
		navVisible = true;
		
		$('portfolioThumbnails').removeClass('hoverClass');
		
		// var size = $('portfolioImageInfo').getSize();
		
		var newHeight = 540 - ($('portfolioImageInfo').getSize().y + 84 + 60);
		
		$('portfolioQuickNav').setStyle('height', 540 - ($('portfolioImageInfo').getSize().y + 84 + 60));
				
		var myFx = new Fx.Tween($('portfolioNavigation'), {duration:navSpeed});

		myFx.start('top', newHeight);	
	
	};
	
	function hideNavigation() {
		
		navVisible = false;
		
		$('portfolioQuickNav').setStyle('height',510);
				
		var myFx = new Fx.Tween($('portfolioNavigation'), {duration:navSpeed});

		myFx.start('top', 508);

	};
	
	function clearTimer() {
	
		$clear(navtimer);
		$('portfolioThumbnails').removeClass('hoverClass');
		
	}
	
	$('portfolioNavigation').addEvent('mouseenter', function(event) {
	
		if (!navVisible) {
		
			navtimer = function(){showNavigation()}.delay(500);
			$('portfolioThumbnails').addClass('hoverClass');

		}

	});
	
	$('sponsorBanner').addEvent('mouseenter', function(event) {
		
		clearTimer();
		
		if (navVisible) {
			
			hideNavigation();
			
		}
		
	});
	
	$('portfolioQuickNav').addEvent('mouseenter', function(event) {
		
		clearTimer();		
		
		if (navVisible) {
			
			hideNavigation();
			
		}
		
	});
	
	$('imagePrev').addEvent('click', function(event) {
		e = new Event(event);
		newImage = (Number(currentImage-1) < 0) ? (Number(totalImages - 1)) : (Number(currentImage - 1));
		loadImage(newImage);
		this.blur();
		e.stop();
	});
	
	$('imageNext').addEvent('click', function(event) {
		e = new Event(event);
		newImage = ((Number(currentImage + 1)) < totalImages) ? (Number(currentImage + 1)) : 0;
		loadImage(newImage);
		this.blur();
		e.stop();
	});
	
	// set up thumbnail links
	
	$$('#portfolioImageSet a').each(function(a){
		a.addEvent('click', function(event) {
			e = new Event(event);
			var n = Number(this.id.split("_")[1]);
			loadImage(n);
			this.blur();
			e.stop();
		});
	});
	
	// deal with contest callout
	
	if($('portfolioContestCallout')) {
	
		$('portfolioContestLink').addEvent('click', function(event){
		
			document.location = ('http://seedmagazine.com/portfolio/sweepstakes/');
		
		});
		
		$('portfolioContestDismiss').addEvent('click', function(event){
		
			$('portfolioContestCallout').tween ('opacity', 0);
		
		});
	
	};
	
	
	// preload main images
	
	var p = new Preloader();
	
	$$('#portfolioImageBlock img').each(function(img){
		totalImages++;
		p.addEventOnLoad(img.src, function() {
			img.getParent().setStyle('background', 'none');
			img.setStyle('opacity', 0)
			img.setStyle('display', 'block')
			img.tween('opacity',1);
		});
		p.addToQueue(img.src);
	});
	
	if(!Cookie.read('visited')) {
		if($('portfolioHoverTip')) {
			$('portfolioHoverTip').setStyle ('display','block');
		}
	};

	var visited  = Cookie.write('visited', 'true', {duration: 1});

});