// portfolio selector
jQuery(function($) {
	var nav = $('#portfolio-nav');
	var maxHeight = (($('#portfolio-nav ul li').length) * 48) - 288;

	nav.find('a#up').addClass('disabled').click(function() {
		if ($(this).hasClass('disabled')) { return false }
		var height = $('#portfolio-nav li').outerHeight()
		var current = parseInt($(nav).find('li:first').css('marginTop'))

		if (current >= (0 - height)) {
			$(this).addClass('disabled');
		}
		$(nav).find('a#down').removeClass('disabled')
		$(nav).data('current', current + 1)


		$('#portfolio-nav li:first').animate({marginTop:'+='+height+'px'})

		return false;
	});
	if (maxHeight <= 0) {
		nav.find('a#down').addClass('disabled')
	}
	nav.find('a#down').click(function() {
		if ($(this).hasClass('disabled')) { return false }
		var height = $('#portfolio-nav li').outerHeight()
		var current = parseInt($(nav).find('li:first').css('marginTop'))

		if (current <= (0 - maxHeight + 48)) {
			$(this).addClass('disabled');
		}

		$(nav).find('a#up').removeClass('disabled')
		$(nav).data('current', current - 1)

		$('#portfolio-nav li:first').animate({marginTop:'-='+height+'px'})
		return false;
	});
	nav.find('ul li').hover(function() {
		var h = $(this).outerHeight();
		var w = $(this).outerWidth() - 4;
		var pos = $(this).position()
		var text = $(this).find('a').attr('title')
		$(nav).find('.hover-title').css({height:h,marginLeft:w,marginTop:28}).css(pos).html('<span>'+text+'</span>').show()
		
		h = $(nav).find('.hover-title span').height()
		$(nav).find('.hover-title span').css({marginTop:((h/2) * -1)});
		$(this).addClass('hover').siblings().removeClass('hover')
	}, function() {
		$(nav).find('.hover-title').hide()
		$(this).removeClass('hover')
	})

});


// main portfolio slides
jQuery(function($) {

	var controls = $('#portfolio #controls')
	var prev = document.createElement('a')
	$(prev).addClass('prev arrow').attr('title', 'Previous Slide').text('Previous').click(function() {
		gotoSlide('prev');
		$(this).blur()
		return false
	});
	var next = document.createElement('a')
	$(next).addClass('next arrow').attr('title', 'Next Slide').text('Next').click(function() {
		gotoSlide('next');
		$(this).blur()

		return false
	});

	var prev2 = document.createElement('a')
	$(prev2).addClass('prev2 arrow').attr('title', 'Previous Portfolio').text('Previous Portfolio').click(function() {
		var link = $('#portfolio-nav ul li.selected').prev();
		if (link.length > 0) {
			window.location = $(link).find('a').attr('href')
		}
		return false;
	});
	var next2 = document.createElement('a');
	$(next2).addClass('next2 arrow').attr('title', 'Next Portfolio').text('Next Portfolio').click(function() {
		var link = $('#portfolio-nav ul li.selected').next();
		if (link.length > 0) {
			window.location = $(link).find('a').attr('href')
		}
		return false;
	});

	if ($('#portfolio-nav ul li.selected').prev().length > 0) controls.append(prev2)
	var slides = $('#portfolio #slides > * ');

	if (slides.length > 1) {
		controls.append(prev)
		slides.each(function(i, slide) {
			if (!$(slide).hasClass('slide')) $(slide).wrap('<div class="slide"></div>');
			var ahref = document.createElement('a')
			$(ahref).text(i + 1).click(function() {
				gotoSlide(i)
				$(this).blur()
				return false;
			});
			controls.append(ahref)
		});
	
		controls.append(next)
	}

	if ($('#portfolio-nav ul li.selected').next().length > 0) controls.append(next2)
	
	gotoSlide(0)

})

function gotoSlide(i) {
	var $ = jQuery;
	
	if (i == 'prev') {
		var curr = $('#portfolio').data('slide');
		if (curr > 0) {
			if (curr <= 0) {
				$('#controls .prev2').click()
			} else {
				gotoSlide(curr -1)
			}
		} else {
//			gotoSlide(0)
			$('#controls .prev2').click()
		}
		return false
		
	} else if (i == 'next') {
		var curr = $('#portfolio').data('slide');
		var max = $('#portfolio #slides .slide').length
		
		if (curr < max) {
			if ((curr+1) >= max) {
				$('#controls .next2').click()
			} else {
				gotoSlide(curr + 1)
			}
		} else {
			gotoSlide(max)
			
		}
		return false
	}
	
	var slide = $('#portfolio #slides .slide').eq(i)
	if (slide.length <= 0) return
	
	$('#portfolio').data('slide', i)
	
	$('#portfolio #controls a:not(.arrow)').eq(i).addClass('selected').siblings().removeClass('selected')
	
	var width = $(slide).width()
	var marginLeft = width * i * -1;
	$('#portfolio #slides').animate({marginLeft: marginLeft})
	
	var title = $(slide).find('img').attr('title')
	var desc = $(slide).find('img').attr('alt')
	if (desc == title ) desc = ''
	$('#portfolio #description').html('<strong>'+title+'</strong><br />'+desc)
	
	return false
	
}