$(function(){
	var act;
	var old;
	$('#menu > li > span').css({width:'0', left:'110'})
	$('#menu .ul_1 > li > span').css({width:'0', left:'86'})
	var gallery='';
	function all_null(){
		$('#content > ul > li').css({position:'absolute', visibility:'hidden'});
		$('#content .box').css({width:'0', height:'0', marginTop:'331px', marginLeft:'350px'});
		$('#content .text').css({opacity:'0',visibility:'hidden'});
		$('#page_2').css({opacity:'0',visibility:'hidden'})
		$('.portfolio').css({opacity:'0',visibility:'hidden'})
		$('#content').css({overflow:'hidden'})
	}
	function null_content(){
		$('#content > ul > li').css({visibility:'hidden'});
		$('#content .box').css({width:'0', height:'0', marginTop:'331px', marginLeft:'350px'});
		$('#content .text').css({opacity:'0',visibility:'hidden'});
		$('.portfolio').css({opacity:'0',visibility:'hidden'})
	}
	all_null();
	function open_page(page){
		if (page!='#page_2') {
			$(page).css({visibility:'visible'}).find('.box').animate({width:'100%', height:'100%', marginTop:'0', marginLeft:'0'},400, function(){
				$(page).find('.text').css({visibility:'visible'}).animate({opacity:'1'},400,function(){
					$(this).css({opacity:'none'});
					old=act;
					act=page;
					location.hash=page+gallery+'/';
				});																																																										  							 			});
		} else {
			$(page).css({visibility:'visible'}).animate({opacity:'1'},400,function(){
				$(this).css({opacity:'none'});
			});			
			$(page+gallery).css({visibility:'visible'}).animate({opacity:'1'},400,function(){
				$(this).css({opacity:'none'});																			   
				old=act;
				act=page;
				location.hash=page+gallery+'/';
			})															   
		}
	}
	page=location.hash.slice(0,-1);
	if (page.indexOf('-')!='-1') {
		gallery=page.substr(page.indexOf('-'),2);
		page=page.substr(0,7);
	}
	if ((page=='')||(page=='#')) {	
		page='#page_1';
	}
	menu_hover();
	menu_hover2()
	var nav=page.substr(6);
	if ((0<nav)&&(nav<5)) {
		nav='#nav'+nav;
		$(nav).addClass('active');
		menu_mouseenter($(nav));
	}
	if (gallery!='') {
		nav=parseInt(gallery.substr(1));
		$('.ul_1 li').eq(nav-1).addClass('active');
		menu_mouseenter2($('.ul_1 li').eq(nav-1));
	}
	open_page(page);
	$('a').click(function(){
		page=$(this).attr('href');
		if (page.substr(page.indexOf('#'),6)=='#page_') {
				if (page=='#page_0') {
					if (old) {
						if (old=='#page_2') {
							page=old+gallery;
						} else {page=old}
					} else {page=page_1}
				}
				if (page.indexOf('-')!='-1') {
					gallery=page.substr(page.indexOf('-'),2);
					page=page.substr(0,7);
				} 
				menu_hover();
				menu_hover2();
				var nav=act.substr(6);
				$('#menu > li').removeClass('active');
				if ((0<nav)&&(nav<5)) {
					nav='#nav'+nav;
					menu_mouseleave($(nav));
				}
				var nav=page.substr(6);
				if ((0<nav)&&(nav<5)) {
					nav='#nav'+nav;
					$(nav).addClass('active');
					menu_mouseenter($(nav));
				}
				$('.ul_1 li').removeClass('active');
				menu_mouseleave2($('.ul_1 li'));
				if (gallery!='') {
					nav=parseInt(gallery.substr(1));
					$('.ul_1 li').eq(nav-1).addClass('active');
					menu_mouseenter2($('.ul_1 li').eq(nav-1));
				}
				if (act!='#page_2') {
					$(act).find('.text').animate({opacity:'0'},400, function(){
						$(act).find('.text').css({visibility:'hidden'})
						$(act).find('.box').animate({width:'0', height:'0', marginTop:'331', marginLeft:'350'},400, function(){
							null_content();
							open_page(page);
						})
					})
				} else{
					$(act).animate({opacity:'0'},400, function(){
						$(act).css({visibility:'hidden'})
						null_content();
						open_page(page);
					})
				}
				return false;
			} else {return true}
	})
})

function menu_mouseenter(th){
	nav=parseInt(th.attr('id').substr(3));
	$('#menu #nav'+nav).css({background:'none'});
	th.find('> span').stop().animate({width:'100%', left:'0'},200)
	nav--;
	if (nav) {
		$('#nav'+nav).css({background:'none'});
	}
	Cufon.replace(th.find('> a'), { fontFamily: 'Arial', color: '-linear-gradient(#ff5412, #fd5112, #f94912, #f74613, #f23c13, #f03913)',textShadow:'5px 1px rgba(0, 0, 0, .2), -1px -1px rgba(0, 0, 0, .1), 2px 2px rgba(0, 0, 0, .1)' });
}
function menu_mouseleave(th){
	if (!th.hasClass('active')) {
	nav=parseInt(th.attr('id').substr(3));
	th.find('> span').stop().animate({width:'0', left:'110'},200)
		if ((!$('#nav'+(nav+1)).hasClass('active')))$('#menu #nav'+nav).css({background:'url(../images/menu_line.png) bottom center no-repeat'});
		nav--;
		if ((nav)&&(!$('#nav'+nav).hasClass('active'))) {
			$('#nav'+nav).css({background:'url(../images/menu_line.png) bottom center no-repeat'});
		}
		Cufon.replace(th.find('> a'), { fontFamily: 'Arial', color: '-linear-gradient(#4e4d4c, #4c4b4a, #4a4947, #3f3d3b, #383634, #353331, #2f2d2b)',textShadow:'1px 1px rgba(0, 0, 0, .2), -1px -1px rgba(0, 0, 0, .1), 2px 2px rgba(0, 0, 0, .1)' });
	}
}

function menu_hover(){
	$('#menu > li').mouseenter(function(){	
		menu_mouseenter($(this))
	}).mouseleave(function(){
		menu_mouseleave($(this))
	})
}
function menu_mouseenter2(th){
	Cufon.replace(th.find('> a'), { fontFamily: 'Arial', color: '-linear-gradient(#ff5412, #fd5112, #f94912, #f74613, #f23c13, #f03913)',textShadow:'5px 1px rgba(0, 0, 0, .2), -1px -1px rgba(0, 0, 0, .1), 2px 2px rgba(0, 0, 0, .1)' });
}
function menu_mouseleave2(th){
	if (!th.hasClass('active')) {
		Cufon.replace(th.find('> a'), { fontFamily: 'Arial', color: '-linear-gradient(#4e4d4c, #4c4b4a, #4a4947, #3f3d3b, #383634, #353331, #2f2d2b)',textShadow:'1px 1px rgba(0, 0, 0, .2), -1px -1px rgba(0, 0, 0, .1), 2px 2px rgba(0, 0, 0, .1)' });
	}
}

function menu_hover2(){
	$('#menu .ul_1 > li').mouseenter(function(){	
		menu_mouseenter2($(this));	
		$(this).find('> span').stop().animate({width:'100%', left:'0'},200)	
	}).mouseleave(function(){
		menu_mouseleave2($(this))
		$(this).find('> span').stop().animate({width:'0',left:'86'},200)
	})
}