// JavaScript Document//javascript document My Selected Works
//Author: Marianne Abreu

$(document).ready(function() {
						   
						  						
						  
						  var position = 0;
						  var slideHeight = 42;
						  var slides = $('.slide');
						  var pages = slides.length;
						
						
						 $('#slideContainer').css ('overflow', 'hidden');
						 $('#slideContainer').css ('margin', '-30px 0px 0 100px');
						
						     slides
						  .wrapAll('<div id="slideInner"></div>')
						  .css({
								'height': slideHeight - 10,
								
								})
						  
						  ;
						  
						  
						  $('#slideInner').css('height', slideHeight * pages);
						  
						  
						   $('#slideInner').animate({
																		   'marginTop' : slideHeight*(-1)});
						   position =1;
						  
						  
						  
						
					 $('.control')
						 .bind('click', function(){
												 
												 position = ($(this).attr('id') == 'topControl') ? position+1 : position-1;
												  
												   $('#slideInner').animate({
																		   'marginTop' : slideHeight*(-position)
																		   
																		   
						
																		  
																			 
																		   });
												   
												   
												   
										
												  });
						 
						   
						 
						 
						
						 
						 
						 
						  });