var site;
var logo;
var leftBar;
var rightBar;
var active;
var activeSub;
var activeSubItem;

$(window).ready(function(){
	site = $("#site");
	logo = $("#logo");
	leftBar = $("#left-bar");
	rightBar = $("#right-bar");
	site.css({top: '0'});
	
	logo.css('left', '0').show().css('opacity', 0);
	
	logo.animate({opacity: 1, left: '50%'}, 2000, function(){
		leftBar.fadeIn(1000);
		site.animate({top: '50%'}, 1000);
	});
	
	active = $("#menu > li > a:first");
	active.addClass('active');
	$("#menu > li > a").click(function(){
		if(active) active.removeClass('active');
		if(activeSubItem) activeSubItem.removeClass('active');
		active = $(this);
		active.addClass('active');
		if(active.attr('rel') != ''){
			if(active.attr('rel') == 'home'){
				loadHome();
			}else{
				loadPage('view/'+active.attr('rel')+'.php');
				if(activeSub){
					activeSub.slideUp(500);
					activeSub = null;
				}
			}
		}else{
			activeSub = active.next();
			activeSub.slideToggle(500);
		}
	});
	
	// Portfolio
	$(".portfolio > li > a").click(function(){
		if(activeSubItem) activeSubItem.removeClass('active');
		activeSubItem = $(this);
		active.addClass('active');
		
		if(activeSubItem.attr('rel') != ''){
			loadPage('view/portfolio/'+activeSubItem.attr('rel')+'.php');
		}
	});
	
	// Functions
	function loadPage(url){
		logo.animate({opacity: 0.1}, 1000);
		rightBar.fadeOut(250, function(){
			rightBar.load(url, function(){
				galery();
				rightBar.slideDown(500);
			});
		});
	}
	
	function loadHome(){
		rightBar.fadeOut(250);
		logo.animate({opacity: 1}, 1000);
	}
	
	function galery(){
		$('.galery a').each(function(i){
			$(this).css({overflow: 'hidden', opacity: 0});
			
			if($(this).attr('title') != ''){
				$(this).prepend('<div class="legend">'+$(this).attr('title')+'</div>');
				$(this).find('.legend').css('opacity', 0);
				$(this).mouseover(function(){
					$(this).find('.legend').stop();
					$(this).find('.legend').animate({marginTop: '20px', opacity: 0.7}, 250);
				});
				$(this).mouseout(function(){
					$(this).find('.legend').stop();
					$(this).find('.legend').animate({marginTop: '0px', opacity: 0}, 250);
				});
			}
			
			setTimeout(function (){
				$('.galery a:eq('+i+')').animate({opacity: 1}, 500);
			}, (i*250));
		});
		
		$(document).ready(function(){
			$("a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'fast',slideshow:10000});
		});
	}
});