$(document).ready(function() {












	/**
	*
	*	PAGE IMAGES
	*
	**/
	
	$('#page-images img').each(function(a, b) {
		$(b).parent().css('background-image', 'url('+$(b).attr('src')+')');
		$(b).remove();
	});
	
	_page_images = {
	
		init: function() {

			_page_images.current = 0;
			_page_images.length = $('#page-images li').length;
			_page_images.sliding = false;
			
			_page_images.build_nav();
			_page_images.update_nav();
			
			_page_images.slideshow = window.setInterval(function() {
				_page_images.slide(1, false);
			}, 5000);
		
		},
		
		build_nav: function() {
		
			$('#bottom-menu').prepend('<ul>');
			for(i=0; i<_page_images.length; i++) {
				$('#bottom-menu ul').append('<li><a href="#">'+(i+1)+'</a></li>');
			}
		
		},
		
		reposition: function() {
		
			$('#page-images ul').css('left', -($(window).width()*_page_images.current));
		
		},
	
		slide: function(dir, to) {
		
			if(!_page_images.sliding) {

				var n = false;

				if(dir !== false) {
					if((dir + _page_images.current) < _page_images.length && (dir + _page_images.current) >= 0) {
						n = dir + _page_images.current;
					} else {
						n = (dir > 0) ? 0 : _page_images.length-1;
					}
				}

				if(to !== false) {
					if(to < _page_images.length && to >= 0) {
						n = to;
					}
				}

				if(n !== false) {
				
					_page_images.sliding = true;
				
					_page_images.current = n;

					$('#page-images ul').animate({
						'left': '-'+$(window).width()*_page_images.current
					}, 500, 'easeOutQuint', function() {
						_page_images.sliding = false;
					});

					_page_images.update_nav();
					
				}
				
			}
		
		},
		
		stop_slideshow: function() {
		
			if(_page_images.slideshow) window.clearInterval(_page_images.slideshow);
		
		},
		
		update_nav: function() {
		
			$('#bottom-menu ul a').removeClass('active');
			$('#bottom-menu ul a:nth('+_page_images.current+')').addClass('active');
		
		}
	
	}
	
	_page_images.init();

	$(window).resize(function() {
	
		$('#page-images ul').width($(window).width() * $('div#page-images li').length);
		$('#page-images li').width($(window).width());
		_page_images.reposition();
	
	});
	
	$(window).trigger('resize');


	$('#bottom-menu ul a').each(function(a, b) {
	
		$(b).click(function(e) {
	
			e.preventDefault();
			_page_images.stop_slideshow();
			_page_images.slide(false, a);
			
		});
	
	});









	/**
	*
	*	CONTENT OVERLAY
	*
	**/
	
	$('#btn-info').hide();
	
	$('#btn-close').click(function(e) {
	
		e.preventDefault();
		$('#btn-info').fadeTo(1, 0);
		$('#content-overlay').effect('transfer', { to: $('#btn-info') }, 300).hide();
		window.setTimeout(function() {
			$('#btn-info').fadeTo(1, 1);
		}, 230);

	});
	
	$('#btn-info').click(function(e) {
	
		e.preventDefault();
		$('#content-overlay').fadeTo(1, 0);
		$('#btn-info').effect('transfer', { to: $('#content-overlay') }, 300).hide();
		window.setTimeout(function() {
			$('#content-overlay').fadeTo(1, 1);
		}, 230);
	
	});
	
	$('div.nav a').click(function(e) {
		
		e.preventDefault();
		_content_overlay.open_tab($(this).attr('id').replace(/btn-/, ''));
		
	});
	
	_content_overlay = {
	
		open_tab: function(id) {
		
			$('div.nav a').removeClass('active');
			$('#btn-'+id).addClass('active');
			
			$('div.slide').hide();
			$('#slide-'+id).show();
		
		}
	
	}
	
	_content_overlay.open_tab($('div.nav a:nth(0)').attr('id').replace(/btn-/, ''));










});