// JavaScript Document

var current_page = 1;

$(document).ready(function() {

	$(".next").click(function() {
		if(current_page<10){
			$(".container").animate({ 
				marginTop: "-=1800px"
			}, 1000 );
			current_page++;
			$('#page_number').text(current_page);
			$('.prev').show();
		}
		if(current_page==10){
			$('.next').hide();
		}
		return false;
	});
	
	$(".prev").click(function() {
		if(current_page>1){
			$(".container").animate({ 
				marginTop: "+=1800px"
			}, 1000 );
			current_page--;
			$('#page_number').text(current_page);
		}
		if(current_page==1){
			$('.prev').hide();
		}
		if(current_page==9){
			$('.next').show();
		}
		return false;
	});

	$(".expand").click(function() {        
	   $(this).hide();
	   $(".nextImg").css("display", "none");
	   $(this).siblings(".info, .close").delay(400).show(50);
	   $(this).closest(".bubble").animate({ width: "+=250"}, 300 ); 
	   return false;
	});

	$(".close").click(function() {        
	   $(this).hide();
	   $(".nextImg").css("display", "block");
	   $(this).siblings(".arrow, .count, .expand").show();
	   $(this).closest(".bubble").animate({ width: "-=250"}, 300 );
	   $(this).siblings(".info, .close").delay(400).hide();
	   return false;
	});

	$('.slideshow').cycle({ 
	    fx: 'fade', 
	    speed: 500 ,
		timeout: 0,
		next: '.nextslide', 
	    prev: '.prevslide',
		after: onAfter
	 });

	function onAfter(curr,next,opts) { var caption = 'Image &#40;' + (opts.currSlide + 1) + '&#47;' + opts.slideCount  + '&#41;'; $('.output').html(caption);}

	$('.slideshow2').cycle({ 
	    fx: 'fade', 
	    speed: 500 ,
		timeout: 0,
		next: '.nextslide2', 
	    prev: '.prevslide2',
		after: onAfter2
	 });

	function onAfter2(curr,next,opts) { var caption = 'Image &#40;' + (opts.currSlide + 1) + '&#47;' + opts.slideCount  + '&#41;'; $('.output2').html(caption);}

	$('.slideshow3').cycle({ 
	    fx: 'fade', 
	    speed: 500 ,
		timeout: 0,
		next: '.nextslide3', 
	    prev: '.prevslide3',
		after: onAfter3
	 });

	function onAfter3(curr,next,opts) { var caption = 'Image &#40;' + (opts.currSlide + 1) + '&#47;' + opts.slideCount  + '&#41;'; $('.output3').html(caption);}

	$('.slideshow4').cycle({ 
	    fx: 'fade', 
	    speed: 500 ,
		timeout: 0,
		next: '.nextslide4', 
	    prev: '.prevslide4',
		after: onAfter4
	 });

	function onAfter4(curr,next,opts) { var caption = 'Image &#40;' + (opts.currSlide + 1) + '&#47;' + opts.slideCount  + '&#41;'; $('.output4').html(caption);}

	$('.slideshow5').cycle({ 
	    fx: 'fade', 
	    speed: 500 ,
		timeout: 0,
		next: '.nextslide5', 
	    prev: '.prevslide5',
		after: onAfter5
	 });

	function onAfter5(curr,next,opts) { var caption = 'Image &#40;' + (opts.currSlide + 1) + '&#47;' + opts.slideCount  + '&#41;'; $('.output5').html(caption);}

	$('.slideshow6').cycle({ 
	    fx: 'fade', 
	    speed: 500 ,
		timeout: 0,
		next: '.nextslide6', 
	    prev: '.prevslide6',
		after: onAfter6
	 });

	function onAfter6(curr,next,opts) { var caption = 'Image &#40;' + (opts.currSlide + 1) + '&#47;' + opts.slideCount  + '&#41;'; $('.output6').html(caption);}

	$('.slideshow7').cycle({ 
	    fx: 'fade', 
	    speed: 500 ,
		timeout: 0,
		next: '.nextslide7', 
	    prev: '.prevslide7',
		after: onAfter7
	 });

	function onAfter7(curr,next,opts) { var caption = 'Image &#40;' + (opts.currSlide + 1) + '&#47;' + opts.slideCount  + '&#41;'; $('.output7').html(caption);}

	$('.slideshow8').cycle({ 
	    fx: 'fade', 
	    speed: 500 ,
		timeout: 0,
		next: '.nextslide8', 
	    prev: '.prevslide8',
		after: onAfter8
	 });

	function onAfter8(curr,next,opts) { var caption = 'Image &#40;' + (opts.currSlide + 1) + '&#47;' + opts.slideCount  + '&#41;'; $('.output8').html(caption);}

});