$(document).ready(function(){


	$('.wrapper .conteiner .conteiner .content .main_page .text .scroll').jScrollPane({showArrows:true});

	var $main_pages = $('#main_pages .main_page');
	var $container = $('#main_pages');
	
	var horizontal = true;
	 if (horizontal) {
		$main_pages.css({
			'float' : 'left',
			'position' : 'relative'
		});
		$container.css('width', $main_pages[0].offsetWidth * $main_pages.length);
	}
    var $scroll = $('.content').css('overflow', 'hidden');

    function selectNav() {
        $(this)
            .parents('ul:first')
                .find('a')
                    .removeClass('sel')
                .end()
            .end()
            .addClass('sel');
    }
    function navig(el) {
		$('.pages ul').find('a:first').click();
		$('.pages').addClass('dn')
		//alert(el.tagName)
		$('.pages.'+el.hash.substr(1)).removeClass('dn')
		$('.pages.suite.'+el.hash.substr(1)).addClass('dn')
		$($('.pages.suite.'+el.hash.substr(1)).get(0)).removeClass('dn')
    }
	
    $('#menu').find('a').click(function(){selectNav(this); navig(this) });
    function trigger(data) {
        var el = $('#menu').find('a[href$="' + data.id + '"]').get(0);
		//window.location = '#'+data.id;
        selectNav.call(el);
    }

    if (window.location.hash) {
        trigger({ id : window.location.hash.substr(1) });
		navig($('#menu').find('a[href$="' + window.location.hash.substr(1) + '"]').get(0))
    } else {
        $('#menu a:first').click();
    }

    var offset = parseInt((horizontal ? 
        $container.css('paddingTop') : 
        $container.css('paddingLeft')) 
        || 0) * -1;

    var scrollOptions = {
        target: $scroll,
        items: $main_pages,
        navigation: '#menu a',
        axis: 'xy',
        onAfter: trigger,
        offset: offset,
        duration: 1000,
        easing: 'swing'
    };
    $('#slider').serialScroll(scrollOptions);
    $.localScroll(scrollOptions);
    scrollOptions.duration = 1;
    $.localScroll.hash(scrollOptions);
	
	
	
    function selectNav2() {
        //this.hash.substr(1)
		$('.bgallery').css({'z-index':'1'});
		//$('#'+this.hash.substr(1)+' .bgallery').css({'z-index':'10'});
		pos = this.hash.indexOf('_');
		//console.log('pos='+pos);
		if(pos>0) $('#'+this.hash.substr(0, pos).substr(1)+' .bgallery').css({'z-index':'10'});
		else $('#'+this.hash.substr(1)+' .bgallery').css({'z-index':'10'});
		$('.suite.gallery').addClass('dn');
		if(pos>0) $($('.suite.gallery').get(this.hash.substr(0,pos).substr(6)-1)).removeClass('dn');
		else $($('.suite.gallery').get(this.hash.substr(6)-1)).removeClass('dn');
		//console.log(pos);
		//alert('#'+this.hash.substr(1))
		//alert(this.hash.substr(1))
	}
	$('.pages').each(function(){
		$elem = $(this);
		/*var $secScroll = $(this).parents('.main_page').css('overflow', 'hidden');//.end();
		var $secContainer = $('.secondary_pages', $secScroll);
		
		var $secPages = $('.secondary_pages .secondary_page', $secScroll);
		//alert($secPages.html())
		
		var secHorizontal = true;
		if (secHorizontal) {
			$secPages.css({
				'float' : 'left',
				'position' : 'relative'
				});
			$secContainer.css('width', $secPages[0].offsetWidth * $secPages.length);
		}

		
		////*/
		//$(this).find('a').click(function(){return false;});
		$(this).find('a').click(selectNav);
		$(this).find('a').click(selectNav2);
		/*
		function trigger2(data) {
			var el = $elem.find('a[href$="' + data.id + '"]').get(0);
			window.location = '#'+data.id;
			selectNav.call(el);
		}
		if (window.location.hash) {
			trigger2({ id : window.location.hash.substr(1) });
		} else {
			$(this).find('a:first').click();
		}

	

	
		var secOffset = parseInt((secHorizontal ? 
			$secContainer.css('paddingTop') : 
			$secContainer.css('paddingLeft')) 
			|| 0) * -1;
		
		var secScrollOptions = {
			target: $secScroll,
			items: $secPages,
			navigation: $(this).find('a'),
			axis: 'xy',
			onAfter: trigger2,
			offset: secOffset,
			duration: 1000,
			easing: 'swing'
		};
		
		//$('#slider').serialScroll(scrollOptions);
		//$.localScroll(secScrollOptions);
		//secScrollOptions.duration = 2;
		//$.localScroll.hash(secScrollOptions)

*/

	});

	
	
	
	
});	


	/*
	var $buttons = $('a.right').add('a.left').hide();
	
	var cycleTimer = setInterval(function () {
	   $scroll.trigger('next');
	}, 3000);
	var $stopTriggers = $('#slider .navigation').find('a')
	   .add('.scroll');
	   .add("a[href^='#']");
	function stopCycle() {
	   $stopTriggers.unbind('click.cycle');
	   clearInterval(cycleTimer);
	   $buttons.show();
	}
	$stopTriggers.bind('click.cycle', stopCycle);
	*/