function image_gallery (){

	if ($('ul.numbers').length > 0) {

		$('ul.numbers li a:first').addClass('selected');

		var img_bg = $('img.bg');

		$('ul.numbers li a').click(function(){

			$('ul.numbers li a.selected').removeClass('selected');
			$(this).addClass('selected');

			img_bg.hide();

			var href = $(this).attr('href');
			img_bg.attr('src', href);

			img_bg.show();

			$('span.current').text($(this).text());

			return false;

		});

		var right_arrow = $('ul.controls li.right a');

		var img_bg_src = img_bg.attr('src');

		right_arrow.attr('href',img_bg_src);

		var selected_number = $('ul.numbers li a.selected');
		var numbers = $('ul.numbers li a');

		$('span.current').text(selected_number.text());
		$('span.total').text(numbers.length);

		function right_click (){
			var current_index = ($('.numbers li a.selected').length > 0) ? parseInt($('.numbers li a.selected').html()) : 1;
			var next_index = current_index + 1;

			if ( current_index < numbers.length ) {

				img_bg.hide();
				selected_number = $('ul.numbers li a.selected');
				selected_number.removeClass('selected');


				var next_li = $('ul.numbers li a').eq(current_index);
				next_li.addClass('selected');
				var selected_src = $('ul.numbers li a.selected').attr('href');
				img_bg.attr('src',selected_src);
				$('img.bg').show();

				$('span.current').text(current_index + 1);
				$('span.total').text(numbers.length);

			}

			if ( current_index == numbers.length ) {
				img_bg.hide();
				var first_src = $('ul.numbers li a:first').attr('href');
				img_bg.attr('src',first_src);
				$('ul.numbers li a:last').removeClass('selected');
				$('ul.numbers li a:first').addClass('selected');
				$('img.bg').show();
				$('span.current').text('1');
			}

		}

		$('ul.controls li.right a').click(function(){
			right_click();
			return false;
		});


		$('ul.controls li.left a').click(function(){
			current_index = ($('.numbers li a.selected').length > 0) ? parseInt($('.numbers li a.selected').html()) : 1;
			prev_index = current_index - 1;

			if ( current_index > 1 ) {

				img_bg.hide();
				var selected_number = $('ul.numbers li a.selected');
				selected_number.removeClass('selected');

				var prev_li = $('ul.numbers li a').eq(current_index - 2);
				prev_li.addClass('selected');
				selected_src = $('ul.numbers li a.selected').attr('href');
				img_bg.attr('src',selected_src);
				img_bg.show();

				$('span.current').text(current_index - 1);
				$('span.total').text(numbers.length);

			}

			if ( current_index == 1 ) {
				img_bg.hide();
				var last_src = $('ul.numbers li a:last').attr('href');
				img_bg.attr('src',last_src);
				$('img.bg').show();
				$('span.current').text(numbers.length);
				var current_index = numbers.length;
				$('ul.numbers li a:first').removeClass('selected');
				$('ul.numbers li a:last').addClass('selected');
			}
			return false;
		});
	}
}



function menuSlide (trigger, revealed){

	var $trigger = $(trigger);
	var $revealed = $(trigger).find($revealed);
	var concealed = true;

	$(trigger).click(function(ev){
			ev.preventDefault();
			console.log(concealed);
			if (concealed) reveal($revealed);
			else conceal($revealed);
	});

	function reveal($revealed) {
		$revealed.slideDown();
		concealed = false;
	}

	function conceal($revealed) {
		$revealed.slideUp();
		concealed = true;
	}

}

$(function(){
	image_gallery();
	menuSlide("nav#page-nav > ul > li", "ul");
});