ÿþvar fl=false;



$(document).ready(function() {

	// hover

	

	$('.images li').each(function(num){

		$(this).data({num:num})						 

	})

	

	var last=0;

	

	$('.images li').hover(function(){

		if (last==$(this).data('num')) {

			$(this).find('> span').css({left:-192}).stop().animate({left:0}, 600, 'easeOutCirc')

		} else {

			if (last<$(this).data('num')) {						  

				$(this).find('> span').css({left:-192}).stop().animate({left:0}, 600, 'easeOutCirc')	

				$('.images li').eq(last).find('> span').stop().animate({left:192}, 600, 'easeOutCirc')	

			} else {

				$(this).find('> span').css({left:192}).stop().animate({left:0}, 600, 'easeOutCirc')

				$('.images li').eq(last).find('> span').stop().animate({left:-192}, 600, 'easeOutCirc')	

			}

			last=$(this).data('num');

		}

	}, function(){})

	

	$('.images').mouseleave(function(){

		if (last<$(this).data('num')) {						  

			$('.images li').eq(last).find('> span').stop().animate({left:192}, 600, 'easeOutCirc')	

		} else {

			$('.images li').eq(last).find('> span').stop().animate({left:-192}, 600, 'easeOutCirc')	

		}

		last=0

	})

	

		

	$('#icons a').hover(function(){

		$(this).find('img').stop().animate({opacity:0.3})						 

	}, function(){

		$(this).find('img').stop().animate({opacity:1})						 

	})

	

	

	$('ul#menu').superfish({

      delay:       600,

      animation:   {height:'show'},

      speed:       600,

      autoArrows:  false,

      dropShadows: false

    });

	

	$('.close span').css({opacity:0})

	

	$('.close').hover(function(){

		$(this).find('span').stop().animate({opacity:1})					   

	}, function(){

		$(this).find('span').stop().animate({opacity:0})					   

	})

	

 });

$(window).load(function() {	

	

	// scroll

	$('.scroll').cScroll({

		duration:700,

		step:72,

		trackCl:'track',

		shuttleCl:'shuttle'

	})	

	

	//content switch

	var content=$('#content'),

		nav=$('.menu');

	nav.navs({

		useHash:true						   

	})	

	nav.navs(function(n, _){

		content.cont_sw(n);

	})

	content.cont_sw({

		showFu:function(){

			var _=this

			$.when(_.li).then(function(){

				_.next.css({display:'block', left:-1200}).stop().animate({left:0}, 600, 'easeOutCirc');

				if (_.next.attr('id')=='page_portfolio') {

					$('.images img').stop().animate({opacity:1}, function(){$('.dark').css({display:'none'})})

					

				} else {

					$('.images img').stop().animate({opacity:0.28}, function(){$('.dark').css({display:'block'})})

					

				}	

			});

		},

		hideFu:function(){

			var _=this	

			_.li.stop().animate({left:1800},600, 'easeOutCirc', function(){

				_.li.css({display:'none'});

			})

		},

		preFu:function(){

			var _=this

			_.li.css({position:'absolute', display:'none'});

		}

	})

	nav.navs(0)

	

	var m_top=0,

		h_cont=444,

		h_cont_all=840,

		amount=27,

		w_img=192,

		h_img=148;

	function centre() {

		var h=$(window).height();

		var w=$(document).width();

		if (h>h_cont) {

			m_top=(h-h_cont)/2;

		} else {

			m_top=0

		}

		$('.main').stop().animate({marginTop:m_top})

		num_w=~~((w-270)/w_img)

		num_h=Math.ceil(amount/num_w);

		h_cont_new=num_h*h_img;

		if (h_cont_new>h) {

				$('.center').css({height:h_cont_new});

				$('.images').stop().animate({marginTop:0})

				if (h_cont_all>h_cont_new) {

					$('.center').css({height:h_cont_all});

					$('.images').stop().animate({marginTop:(h_cont_all-h_cont_new)/2})

				} else {

					$('.center').css({height:h_cont_new});

					$('.images').stop().animate({marginTop:0})

				}

		} else {

			if (h>h_cont_all) {

				$('.center').css({height:h});

				$('.images').stop().animate({marginTop:(h-h_cont_new)/2})

			} else {

				$('.center').css({height:h_cont_all});

				$('.images').stop().animate({marginTop:(h_cont_all-h_cont_new)/2})

			}

		}

		if (h>h_cont_all) {

			m_top=(h-h_cont_all)/2;

		} else {

			m_top=0

		}

		$('h1').stop().animate({marginTop:m_top})

	}

	centre();

	$(window).resize(centre);

	

})