/*
	File Name:		projects.js
	Description:	Traffic Online Projects Portfolio
	Version:		2
	Author:		Dmitry Korsunov
	E-mail:		dmitry.korsunov@gmail.com
	
	No Rights Reserved.
	But some credit would be appreciated.
*/

var ptMove=0, ptPos=0, actP=1, ptArr=0, ptLiWidth=0, ptMax=0, ptWidth=0;

$(document).ready(function() {

	tmp = $('.pages ul').width();
	$('.pages ul').css({ width: tmp+'px', float: 'none' });
	
	ptArr = $('#onlineProject').children('li');
	ptMax = (ptArr.length-1)*-705;
	ptWidth = ptArr.length*705;
	
	$('#onlineProject').css({ width: ptWidth+'px' });
	
	$('.pages a').bind({
		click: function (e) {
			e.preventDefault();
		
			ptPos = parseInt($('#onlineProject').css('left'));
			if ( ( (ptPos%705)!=0) && ptPos!=0 ) return;
			
			actP = parseInt( $('.pages').find('.act').attr('rel') );
			
			/* 'Previous' clicked */
			if ( $(this).parent().hasClass('prev') ) {
			
				ptMove = ptPos + 705;
				if (ptMove > 0) {ptMove = 0; return;}
				
				$('.pages a[rel!=""]').removeClass('act');
				tmp = actP-1;
				$('.pages a[rel="'+tmp+'"]').addClass('act');
				
			}
			/* 'Next' clicked */
			else if ( $(this).parent().hasClass('next') ) {
			
				ptMove = ptPos - 705;
				$('.pages a[rel!=""]').removeClass('act');
				
				if (ptPos == ptMax) {
					ptMove = 0;
					$('.pages a[rel="1"]').addClass('act');
				} else {
					tmp = actP+1;
					$('.pages a[rel="'+tmp+'"]').addClass('act');
				}
				
			} else {
				
				var id = $(this).attr('rel');
				if (id == actP) return;
				if (id > actP) {
					tmp = id - actP;
					ptMove = ptPos - 705 * tmp;
					if (ptPos == ptMax) {ptMove = 0;}
				} else if (id < actP) {
					tmp = actP - id;
					ptMove = ptPos + 705 * tmp;
					if (ptMove > 0) {ptMove = 0;}			
				}
				
				$('.pages a[rel!=""]').removeClass('act');
				$('.pages a[rel="'+id+'"]').addClass('act');	
				
			}
			
			$('#onlineProject').animate({ 'left': ptMove+'px' }, 800, function() {
				if(ptMove==0) {
					$('.pages .prev').css({ visibility: 'hidden' });
					$('.pages .next').css({ visibility: 'visible' });
				} else if(ptMove==ptMax) {
					$('.pages .prev').css({ visibility: 'visible' });
					$('.pages .next').css({ visibility: 'hidden' });
				} else {
					$('.pages .prev, .pages .next').css({ visibility: 'visible' });
				}
			});
			
		}
	});
	
	
	/* Clone top pages and insert at the bottom */
	if (ptArr.length==1) {
		$('#topPages').hide();
	} else if (ptArr.length>=2) {
		var btmPages = $('#topPages').clone(true, true);
		btmPages.attr('id','btmPages');
		$('#bottomPages').append(btmPages);
	}
	
	$('.pages .prev').css({ visibility: 'hidden' });
	
});