/* Author: Gokce Taskan
*/

jQuery(document).ready(function($) {
	
	var currentPos = 0;
	var wlength = 0;
	var images = new Array();
	var dots = new Array();
	
	wlength = $('#project-image').find('img').length;
	
	$('#project-image').find('img').each(function(index) {
		attr = $(this).attr("title");
		$(this).css({'position':'absolute','top':0,'left':0,'z-index':50});
		if (index>0) {
			$(this).css({'visibility':'hidden'});
		}
		images.push(this);
		var def = 'rest';
		if (index == wlength-1) {
			def = 'current';
		}
		var $dot = $('<li class="'+def+'"></li>');
		$('#project-image-nav').find('ul').append($dot);
		$dot.click(function(){move(currentPos, reversePos(index));});
		$(this).click(function(){move(index, index+1);});
		if (wlength<=1) {
			hideInfo('#header-info');
		}
	});
	
	function move(curPos, nextPos) {
		if (wlength>1) {
			hideInfo('#header-info');
			if (curPos == nextPos) { return; }
			if (nextPos >= wlength) {
				nextPos = 0;
			}
			currentPos = nextPos;
			$(images[curPos]).css({'z-index':60});
			$(images[nextPos]).css({'visibility':'visible','opacity':1, 'z-index':50});
			$(images[curPos]).animate({
				opacity: '0'},200,'easeOutQuad',function(){
					$(images[curPos]).css({'visibility':'hidden'});
				});
				refresh(curPos, nextPos);
		}
	}
	function refresh(index, nextPos) {
		$($('#project-image-nav').find('ul').find('li')[reversePos(index)]).addClass('rest').removeClass('current');
		$($('#project-image-nav').find('ul').find('li')[reversePos(nextPos)]).addClass('current').removeClass('rest');
	}
	function reversePos(pos) {
		return Math.abs(pos-wlength+1);
	}
		
	var navCur = 0;
	var navLen = 0;
	var thumbWidth = 50;
	var count = 850/thumbWidth;
	navLen = $('#navigation').find('img').length;
	$('#navigation-wrap').css({'width':navLen*60});
	$('#navigation-wrap').find('img').each(function(index) {
		$(this).tipTip({defaultPosition:'top',delay:100,fadeOut:400});
	});
	$('#navigation-prev').click(function(){moveNav(0);});
	$('#navigation-next').click(function(){moveNav(1);});
	$('#navigation-prev').hover(function(){$(this).html("<img src='img/nav_prev_hover.png''>")},function(){$(this).html("<img src='img/nav_prev.png''>")});
	$('#navigation-next').hover(function(){$(this).html("<img src='img/nav_next_hover.png''>")},function(){$(this).html("<img src='img/nav_next.png''>")});
	
	$('#navigation-wrap').hover(function(){hideInfo('#footer-info');});
	
	refreshNav();
	
	function hideInfo(str) {
		$(str).animate({
			opacity: '0'},200,'easeOutQuad',function(){
				$(this).css({'visibility':'hidden'});
			});
	}
	
	function moveNav(direction) {
		hideInfo('#footer-info');
		if (direction) {
			if (navCur+count < navLen) {
				navCur += 1;
				$('#navigation-wrap').animate({
					left: '-='+thumbWidth},200,'easeOutQuad',function(){
						refreshNav();
					});
			}
		} else {
			if (navCur>0) {
				navCur -= 1;
				$('#navigation-wrap').animate({
					left: '+='+thumbWidth},200,'easeOutQuad',function(){
						refreshNav();
					});
			}
		}
	}
	function refreshNav() {
		if (navCur <= 0) {
			$('#navigation-prev').css("visibility","hidden");
			$('#navigation-prev').css("cursor","default");
		} else {
			$('#navigation-prev').css("visibility","visible");
			$('#navigation-prev').css("cursor","pointer");
		}
		if (navCur+count >= navLen) {
			$('#navigation-next').css("visibility","hidden");
			$('#navigation-next').css("cursor","default");
		} else {
			$('#navigation-next').css("visibility","visible");
			$('#navigation-next').css("cursor","pointer");
		}
	}
})