$(document).ready(function() {
	// hover

	$('#menu > li > span').css({width:0})
	
	$('#menu > li').each(function(num){
		$(this).data({num:num, k:-1, l:1})
	})
	$('#menu > li').eq(0).data({k:-1,l:1})
	$('#menu > li').eq($('#menu > li').length-1).data({k:1,l:-1})
	
	num=$('#menu > li.active').data('num');
	$('#menu > li').eq(num-1).data({k:1,l:-1});
	$('#menu > li').eq(num+1).data({k:-1,l:1})
	
	
	var position=0;
	var position2=0;
	var fl=true;
	
	$('#menu').mouseenter(function(){	
			fl=true;
	}).mouseleave(function(){	
			fl=true;
			l=act.parent().data('l')
			if (l>0) {
				act.parent().find('> span').css({left:0, right:'auto'})	
			} else {
				act.parent().find('> span').css({left:'auto', right:0})	
			}
			if ((!act.parent().hasClass('active'))&&(!act.parent().hasClass('sfHover'))) {act.parent().find('> span').stop().animate({width:0},'easeOutCirc')}
	})
	$('#menu > li > a').hover(function(e){
			if (fl) {
				k=$(this).parent().data('k');
			} else {
				k=position-e.pageX;
			}
			if (k>0) {
				$(this).parent().find('> span').css({left:'auto', right:0})	
			} else {
				$(this).parent().find('> span').css({left:0, right:'auto'})	
			}
			if (!fl) {
				if (k<0) {
					act.parent().find('> span').css({left:'auto', right:0})	
				} else {
					act.parent().find('> span').css({left:0, right:'auto'})	
				}
				if ((!act.parent().hasClass('active'))&&(!act.parent().hasClass('sfHover'))) {act.parent().find('> span').stop().animate({width:0},'easeOutCirc')}
			}
			fl=false;
			position=e.pageX;
			$(this).parent().find('> span').stop().animate({width:'100%'},'easeOutCirc');
	}, function(){
			fl=false;
			act=$(this);
	})
	
	$('.bg1').css({height:4});
	
	$('#menu_down').click(function(){
		$('#menu_down').stop().animate({top:-58}, function(){
			$('.bg1').stop().animate({height:62}, function(){$(this).css({overflow:'inherit'})})												  
		})
		return false
	})
	
	$('#menu_close').click(function(){
		$('.bg1').css({overflow:'hidden'}).stop().animate({height:4}, function(){
			$('#menu_down').stop().animate({top:0})
		})
		return false
	})
	
	$('#icons .img_act').css({opacity:0})
	
	$('#icons a').hover(function(){
		$(this).find('.img_act').stop().animate({opacity:1})						 
	}, function(){
		$(this).find('.img_act').stop().animate({opacity:0})						 
	})
	
	$('.button1 strong').css({opacity:0})
	
	$('.button1').hover(function(){
		$(this).find('strong').stop().animate({opacity:1})						 
	}, function(){
		$(this).find('strong').stop().animate({opacity:0})						 
	})
	
	//gallery 
	$("#gallery1").jCarouselLite({
			btnNext: ".next",
		 	btnPrev: ".prev",
			visible: 3,
			speed: 600,
       		mouseWheel:true,
			easing: 'easeOutCirc'
	});
	$("#gallery2").jCarouselLite({
			btnNext: ".next",
		 	btnPrev: ".prev",
			visible: 3,
			speed: 600,
       		mouseWheel:true,
			easing: 'easeOutCirc'
	});
	$("#gallery3").jCarouselLite({
			btnNext: ".next",
		 	btnPrev: ".prev",
			visible: 3,
			speed: 600,
       		mouseWheel:true,
			easing: 'easeOutCirc'
	});
	$("#gallery4").jCarouselLite({
			btnNext: ".next",
		 	btnPrev: ".prev",
			visible: 3,
			speed: 600,
       		mouseWheel:true,
			easing: 'easeOutCirc'
	});
	
	$('#gallery1 .img_act, #gallery2 .img_act, #gallery3 .img_act, #gallery4 .img_act').css({opacity:0})
	
	$('#gallery1 li a, #gallery2 li a, #gallery3 li a, #gallery4 li a').hover(function(){
		$(this).find('.img_act').stop().animate({opacity:1},600)
	}, function(){
		$(this).find('.img_act').stop().animate({opacity:0},600)
	})
	
	// for lightbox
	$("a[data-type^='prettyPhoto']").prettyPhoto({theme:'light_square'});
	
	
	
	$('ul#menu').superfish({
      delay:       600,
      animation:   {height:'show'},
      speed:       600,
      autoArrows:  false,
      dropShadows: false
    });
	
	
		
 });
$(window).load(function() {	
	//bg animate
	
	$('#bgStretch').bgStretch({
			align:'leftTop',
			navigs:$('#pagination').navigs()
		})
		.sImg({
			spinner:$('#pagination .spinner').css({opacity:.7}).hide()
	})
	
	$('#pagination li').eq(0).addClass('active');
	
	// scroll
	$('.scroll').cScroll({
		duration:700,
		step:54,
		trackCl:'track',
		shuttleCl:'shuttle'
	})	
	
	// contact form
	$('#ContactForm').forms({
		ownerEmail:'#'
	})
	
	//content switch
	var content=$('#content'),
		nav=$('.menu');
	nav.navs({
		useHash:true
	})	
	nav.navs(function(n, _){
		content.cont_sw(n);
		$('#menu > li > span').stop().animate({width:0});
		if (_.n!=-1) {
			$('#menu > li > span').eq(_.n).stop().animate({width:'100%'});
		}
		$('.submenu li').removeClass('active')
		if (fl) {
			$('#menu > li').eq(2).addClass('active').find('>span').stop().animate({width:'100%'});
			$('.submenu li').eq(numb-1).addClass('active')
		}
		if (_.n==2) {$('.submenu li').eq(0).addClass('active')}
		Cufon.replace('#menu a', { fontFamily: 'Kozuka Gothic Pro OpenType', hover:true });
		
		$('#menu > li').each(function(num){
			$(this).data({num:num, k:-1, l:1})
		})
		$('#menu > li').eq(0).data({k:-1,l:1})
		$('#menu > li').eq($('#menu > li').length-1).data({k:1,l:-1})
		num=$('#menu > li.active').data('num');
		$('#menu > li').eq(num-1).data({k:1,l:-1});
		$('#menu > li').eq(num+1).data({k:-1,l:1})
	})
	content.cont_sw({
		showFu:function(){
			var _=this			
			$.when(_.li).then(function(){
				_.next.css({display:'block'}).stop().animate({top:0},800);	
			});
		},
		hideFu:function(){
			var _=this
			_.li.stop().animate({top:1000},800, function(){
				_.li.css({display:'none'})
			})	
		},
		preFu:function(){
			var _=this
			_.li.css({position:'absolute', display:'none'});
		}
	})
	var fl, numb;
	if (location.hash.slice(0,3)=='#!/') {
			fl=false;
			if (location.hash.slice(0,13)=='#!/page_Photo') {
				fl=true;numb=parseInt(location.hash.slice(-1))
			}
		}
	
	$('a').click(function(){
		if ($(this).attr('href').slice(0,3)=='#!/') {
			fl=false;
			if ($(this).attr('href').slice(0,13)=='#!/page_Photo') {
				fl=true;numb=parseInt($(this).attr('href').slice(-1))
			}
		}
	})
	
	nav.navs(0)
	/*
	var h_cont=816;
	function centre() {
		var h=$(document).height();
		if (h>h_cont) {
			m_top=~~(h-h_cont)/2;
		} else {
			m_top=0;
		}
		$('#content').stop().animate({top:m_top})
	}
	centre();
	$(window).resize(centre);
	*/
})