jQuery.fn.bindSlides = function(){
	var jThis=$(this);
	var totWidth=0;
	var positions = new Array();
	var slideContainer=	jThis.find('.slides');
	var slidy=slideContainer.children();
	
	var ileSlidow=slidy.length;
	slidy.each(function(i){
		positions[i]= totWidth;
		totWidth += $(this).width();
		if(!$(this).width()){
			alert("Please, fill in width & height for all your images!");
			return false;
		}
	});
	
	slideContainer.width(totWidth);

	var clickA=function(e){
		var jT=$(this);
		var LIs=jT.parent().parent().children();
		LIs.removeClass('act');
		jT.parent().addClass('act');
		var pos = parseInt(jT.html());
		slideContainer.stop().animate({marginLeft:-positions[pos-1]+'px'},450);	
		e.preventDefault();
	}
	/*
	var menu = $("<div />", {
   			class:"menu"
   		});//.appendTo(jThis);
   		    */
  	var menu = $("<div class='menu' />");//.appendTo(jThis);
  	 		
	var ul = $("<ul />").appendTo(menu);
	var li;
	for(var i=0;i<ileSlidow;i++){
		li=$("<li />").appendTo(ul);
		$("<a />",{
			html:i+1,
			click:clickA
		}).appendTo(li);
	}
	ul.find('li:first').addClass('act');
	
	var clickNav=function(e){
		var jT=$(this);
		var LI=jT.parent();
		var what=LI.attr('class');
		
		var LIs=LI.parent().children();
		var act=LI.parent().find('.act');
		var actNo=parseInt(act.children().eq(0).html());
		var slidesNo=LIs.length-2;
		var pos,adding;
		
		act.removeClass('act');
		if(what=='prev'){
			if(actNo==1){
				pos=parseInt(LIs.eq(slidesNo).addClass('act').children().eq(0).html());
				adding=-1;
			}else{
				pos = parseInt(act.prev().addClass('act').children().eq(0).html());
				adding=-1;
			}
		}
		if(what=='next'){
			if(actNo==slidesNo){
				pos=parseInt(LIs.eq(1).addClass('act').children().eq(0).html());
				adding=-1;
			}else{
				//act.prev();
				pos = parseInt(act.next().addClass('act').children().eq(0).html());
				adding=-1;
			}
		}
		
		slideContainer.stop().animate({marginLeft:-positions[pos+adding]+'px'},450);	
		e.preventDefault();
	}
	
	var hand=false;
	
	
	//li=$("<li />",{class:'prev'}).prependTo(ul);
	li=$("<li class='prev'  />").prependTo(ul);
		//$("<a />",{html:hand?'&#9756;':'&laquo;',class:hand?'hand':'arr',click:clickNav}).appendTo(li);
	$("<a/>").html(hand?'&#9756;':'&laquo;').addClass(hand?'hand':'arr').click(clickNav).appendTo(li);
	//li=$("<li />",{class:'next'}).appendTo(ul);
		//$("<a />",{html:hand?'&#9758;':'&raquo;',class:hand?'hand':'arr',click:clickNav}).appendTo(li);
	li=$("<li class='next' />").appendTo(ul);
		$("<a/>").html(hand?'&#9758;':'&raquo;').addClass(hand?'hand':'arr').click(clickNav).appendTo(li);

	//&raquo;
	//&laquo;
	
	//&#9756;  PREV
	//&#9758;  NEXT
	
	menu.appendTo(jThis);
	
	
/*	
	jThis.find('.menu ul li a').click(function(e,keepScroll){			
			$('li.menuItem').removeClass('act');
			$(this).parent().addClass('act');
			
			var pos = $(this).parent().prevAll('.menuItem').length;
			
			$('.slides').stop().animate({marginLeft:-positions[pos]+'px'},450);
			
			e.preventDefault();
			
			
			// Stopping the auto-advance if an icon has been clicked:
			//if(!keepScroll) clearInterval(itvl);
	});
*/
	
	
	//alert('d');
}


$(document).ready(function(){
	$("div.project").each(function(){$(this).bindSlides()});
	$(".slides img").lazyload({      
			effect      : "fadeIn"
	});
	
});