$(document).ready(function() {
	//gallery
	
	$('#gallery1').cycle({
			fx:    'scrollVert',
			timeout: false, // milliseconds between slide transitions (0 to disable auto advance)
			speed: 1000, // speed of the transition (any valid fx speed value)
			after:	function(){$('#pagination1 .active').css({visibility:'visible'}).stop().animate({opacity:'1'},400);},  // transition callback (scope set to element that was shown):  function(currSlideElement, nextSlideElement, options, forwardFlag)
			before:	function(){$('#pagination1 div').stop().animate({opacity:'0'},400,function(){$(this).css({visibility:'hidden'})});},
			pager: '#pagination1', // selector for element to use as pager container
			activePagerClass: 'active', // class name used for the active pager link
   			prev: '#prev1',  // selector for element to use as event trigger for previous slide 
    		next: '#next1'  // selector for element to use as event trigger for next slide 
	});
	$('#pagination1 .active').css({visibility:'visible'}).stop().animate({opacity:'1'});
	$('#gallery2').cycle({
			fx:    'scrollVert',
			timeout: false, // milliseconds between slide transitions (0 to disable auto advance)
			speed: 1000, // speed of the transition (any valid fx speed value)
			after:	function(){$('#pagination2 .active').css({visibility:'visible'}).stop().animate({opacity:'1'},400);},  // transition callback (scope set to element that was shown):  function(currSlideElement, nextSlideElement, options, forwardFlag)
			before:	function(){$('#pagination2 div').stop().animate({opacity:'0'},400,function(){$(this).css({visibility:'hidden'})});},
			pager: '#pagination2', // selector for element to use as pager container
			activePagerClass: 'active', // class name used for the active pager link
   			prev: '#prev2',  // selector for element to use as event trigger for previous slide 
    		next: '#next2'  // selector for element to use as event trigger for next slide 
	});
	$('#pagination2 .active').css({visibility:'visible'}).stop().animate({opacity:'1'});
	$('#gallery3').cycle({
			fx:    'scrollVert',
			timeout: false, // milliseconds between slide transitions (0 to disable auto advance)
			speed: 1000, // speed of the transition (any valid fx speed value)
			after:	function(){$('#pagination3 .active').css({visibility:'visible'}).stop().animate({opacity:'1'},400);},  // transition callback (scope set to element that was shown):  function(currSlideElement, nextSlideElement, options, forwardFlag)
			before:	function(){$('#pagination3 div').stop().animate({opacity:'0'},400,function(){$(this).css({visibility:'hidden'})});},
			pager: '#pagination3', // selector for element to use as pager container
			activePagerClass: 'active', // class name used for the active pager link
   			prev: '#prev3',  // selector for element to use as event trigger for previous slide 
    		next: '#next3'  // selector for element to use as event trigger for next slide 
	});
	$('#pagination3 .active').css({visibility:'visible'}).stop().animate({opacity:'1'});
	$('#gallery4').cycle({
			fx:    'scrollVert',
			timeout: false, // milliseconds between slide transitions (0 to disable auto advance)
			speed: 1000, // speed of the transition (any valid fx speed value)
			after:	function(){$('#pagination4 .active').css({visibility:'visible'}).stop().animate({opacity:'1'},400);},  // transition callback (scope set to element that was shown):  function(currSlideElement, nextSlideElement, options, forwardFlag)
			before:	function(){$('#pagination4 div').stop().animate({opacity:'0'},400,function(){$(this).css({visibility:'hidden'})});},
			pager: '#pagination4', // selector for element to use as pager container
			activePagerClass: 'active', // class name used for the active pager link
   			prev: '#prev4',  // selector for element to use as event trigger for previous slide 
    		next: '#next4'  // selector for element to use as event trigger for next slide 
	});
	$('#pagination4 .active').css({visibility:'visible'}).stop().animate({opacity:'1'});
	$('#gallery5').cycle({
			fx:    'scrollVert',
			timeout: false, // milliseconds between slide transitions (0 to disable auto advance)
			speed: 1000, // speed of the transition (any valid fx speed value)
			after:	function(){$('#pagination5 .active').css({visibility:'visible'}).stop().animate({opacity:'1'},400);},  // transition callback (scope set to element that was shown):  function(currSlideElement, nextSlideElement, options, forwardFlag)
			before:	function(){$('#pagination5 div').stop().animate({opacity:'0'},400,function(){$(this).css({visibility:'hidden'})});},
			pager: '#pagination5', // selector for element to use as pager container
			activePagerClass: 'active', // class name used for the active pager link
   			prev: '#prev5',  // selector for element to use as event trigger for previous slide 
    		next: '#next5'  // selector for element to use as event trigger for next slide 
	});
	$('#pagination5 .active').css({visibility:'visible'}).stop().animate({opacity:'1'});
	
	$('.slide').css({marginLeft:'-590px'})
	$('.gallery > ul > li').eq(0).css({marginLeft:'0px'})
	actSlide=5;
	
	$('.gallery > ul > li').find('.pagination').css({opacity:'0',display:'none'});
	$('.gallery > ul > li').eq(4).addClass('active').find('.pagination').css({opacity:'1',display:'block'});
	
	$('.slideshow').click(function(){
		th=$(this).parent();						   
		if (th.hasClass('active'))	{
			num=parseInt(th.attr('id').substr(5));
			$('#slide'+num).removeClass('active');
			if (num<5) {
				$('#slide'+(num+1)).stop().animate({marginLeft:'-590'},400);
				$('#slide'+num).find('.pagination').stop().animate({opacity:'0'},400,function(){$(this).stop().css({display:'none'})})
			}
		} else {
			num=parseInt(th.attr('id').substr(5));
			$('#slide'+num).addClass('active');
			if (num<5) {
				$('#slide'+(num+1)).stop().animate({marginLeft:'0'},400);
				$('#slide'+num).find('.pagination').css({display:'block'}).stop().animate({opacity:'1'},400)
			}
		}
	})
	
	$('.prev, .next').find('img').css({opacity:'0',display:'none'})
	$('.prev, .next').hover(function(){
			$(this).find('img').css({display:'block'}).stop().animate({opacity:'1'},400)				  
		}, function(){
			$(this).find('img').stop().animate({opacity:'0'},400,function(){$(this).css({display:'none'})})
		}
	)
	
	// content
	
	//content
		
	var content=$('#content'),
		nav=$('.menu'),
		footer_nav=$('.footer_menu')
	
	nav.navs({
			hover:true
	})
	footer_nav.navs({
			hover:true
	})
	nav.navs(function(n){
			content.cont_sw(n);
			footer_nav.navs(n);
	})
	footer_nav.navs(function(n){
			content.cont_sw(n);
			nav.navs(n);
	})
	
	content.cont_sw({
		showFu:function(){
			var _=this
			$.when(_.itms).then(function(){
				if (_.next.attr('id')!='page_Home') {
					_.next.css({visibility:'visible'}).stop().animate({opacity:'1'},400);
					$('#content').stop().animate({height:'339'},400);
					$('.gallery').stop().animate({height:'0'},400);
				} else{
					$('#content').stop().animate({height:'0'},400);
					$('.gallery').stop().animate({height:'650'},400);
				}
			});
		},
		hideFu:function(){
			var _=this
				_.itms.not(':hidden').stop().animate({opacity:'0'}, function(){$(this).css({visibility:'hidden'})});
				
		},
		preFu:function(){
			var _=this
			_.itms.css({position:'absolute', visibility:'hidden'});
		}
	})
		
	page=location.hash.slice(0,-1);
	if ((page=='')||(page=='#')) {
		page='#page_Home';
		location.hash='#page_Home/';
	}
	content.cont_sw(page);
	navigation=parseInt(page.substr(6));
	if (navigation!=NaN) {
		$('#menu > li').eq(navigation-1).addClass('active');
		$('#footer_menu > li').eq(navigation-1).addClass('active');
	}
	$('a').click(function(){
		page=$(this).attr('href');
		if (page.substr(page.indexOf('#'),6)=='#page_') {
				location.hash=page+'/';
		}
	});
	
	//list1 animate
	$('.list1 li').hover(function(){
			$(this).find('a').stop().animate({paddingLeft:'30px'},400)				   
		},function(){
			$(this).find('a').stop().animate({paddingLeft:'23px'},400)
		}
	)
	// menu
	$('ul#menu').superfish({
      delay:       200,
      animation:   {height:'show'},
      speed:       400,
      autoArrows:  false,
      dropShadows: false
   });
 });