(function($){ 
 
$.fn.scroll = function(options) {  
  
  	var defaults = {
  		speed: 667,
  		count: 0,
  		start: 1,
  		element: $(this)
  	}
  	 	
  	var settings = $.extend(defaults, options);
  
    return this.each(function() {
    
    	settings.count = $(this).find('li img').length;		
		settings.width = 600;
				
		if (settings.count > 1) {
		
			var left = (($(this).width()/2)-((settings.count*16)/2));
			var width = (settings.count*16);
			
			var html = '<div class="nav"><a href="#" class="arrow prev"></a><ul class="dots clearfix" style="left:'+left+'px;width:'+width+'px;">';
			for(i=0;i<settings.count;i++) { html += '<li><span></span></li>'; }
			html += '</ul><a class="arrow next"></a></div>';
			$(this).append(html);
	
			$(this).find('.dots li').first().addClass('active');
			
			$(this).find('.dots li').click(function() {	
				settings.start = $(this).prevAll().length+1;
				$(this).siblings().andSelf().removeClass('active').eq(settings.start-1).addClass('active');
				$(this).closest('.preview').find('.images').animate({'left':'-'+settings.width*(settings.start-1)+'px'},settings.speed);
			});
			
			$(this).find('.arrow').click(function() {
			
				var element = $(this);
				var left = '0px';
				var eq = 0;
			
				if ($(this).hasClass('prev')) {
					if (settings.start == 1) {
						settings.start = settings.count;
					} else {
						settings.start--;
					}
				} else {			
					if (settings.start < settings.count) {
						settings.start++;
					} else {
						settings.start = 1;
					}
				}
				
				left = settings.width*(settings.start-1)+'px';
				eq = settings.start-1;
				$(element).siblings('.dots').find('li').removeClass('active').eq(eq).addClass('active');
				$(element).closest('.preview').find('.images').animate({'left':'-'+left},settings.speed);
				
			});
		
		}
		
		/*
		$(this).find('.images').click(function() {		
			if (settings.start < settings.count) {
				settings.start++;
				$(this).animate({'left':'-'+settings.width*(settings.start-1)+'px'});
				$(this).parents().find('.dots li').removeClass('active').eq(settings.start-1).addClass('active');
			} else {
				settings.start = 1;
				$(this).animate({'left':'0px'});
				$(this).parents().find('.dots li').removeClass('active').eq(settings.start-1).addClass('active');
			}
		});
		*/
			
	}); 
	
}; 
 
})(jQuery);

(function($){ 

$.fn.lightbox = function(options) {  
  
  	var defaults = {
  		speed: 667,
  		count: 0,
  		start: 1,
  		element: $(this),
  		images: new Array(),
  	}
  	 	
  	var settings = $.extend(defaults, options);
  
    return this.each(function() {
    
    	$(this).children('li').children('.view').each(function(){
    	
    		settings.images.push($(this).prev().attr('rel'));
    		
    		$(this).click(function() {
    			console.log($(this).parents('li'));	
    			$('body').append('<div id="lightbox"><div id="lightbox_background"></div><div id="lightbox_content"></div></div>');
    			
    			$('#lightbox_content').html('<img src="'+$(this).parents('li').find('img').attr('rel')+'" display="none" />');
    			
    			$('#lightbox_content').find('img').load(function() {
    				$(this).show();
    				width = $(this).width()+'px';
    				height = $(this).height()+'px';
    				top = $(this).height()/2-20+'px';
    				$('#lightbox_content').css({'width':width,'height':height,'top':top});
    			});
    			
    			$('#lightbox_background').click(function() {
    				$('#lightbox').remove();
    			});
    		});
    		
    	});
    		
	}); 
	
}; 
 
})(jQuery);

$(document).ready(function () {







$('.preview').each(function(){
	$(this).scroll();
});

$('.lightbox').each(function(){
	$(this).lightbox();
});





});