$(document).ready(function(){
	$('#categories li a').click(function(){
		$('#categories li a').removeClass('selected');
		$(this).addClass('selected');
		$('#slogan ul.titles li').removeClass('selected')
		for (i=0;i<12 ;i++ )
		{
			current_class = 'page-item-'+i;
			if ( $(this).hasClass(current_class) ) {
				current_title = '#slogan ul.titles #title_brand'+i;
				$('#slogan ul.titles li').fadeOut('fast');
				$(current_title).fadeIn('slow');
				return false;
			}
		}
	});
	$('div.sex p').click(function(){
		$('ul.brandsn li').removeClass('current_tab');
		$(this).siblings().removeClass('selected');
		$(this).parent().parent().addClass('current_tab');
		$(this).addClass('selected');
		if ($(this).hasClass('women'))
		{
			$('ul.brandsn li.current_tab ul.images li.men_img').fadeOut('fast');
			$('ul.brandsn li.current_tab ul.images li.women_img').fadeIn('slow');
		} 
		if ($(this).hasClass('men'))
		{
			$('ul.brandsn li.current_tab ul.images li.women_img').fadeOut('fast');
			$('ul.brandsn li.current_tab ul.images li.men_img').fadeIn('slow');
		} 
		return false;
	});

	$('#gallery li').hover(
		function () {$(this).addClass('current');}, 
		function () {$(this).removeClass('current');}
	);
	$('#gallery li').click(function(){
		$('#gallery li').animate({width: '97px'}, 300);
		$(this).animate({width: '250px'}, 500);
	});

	$('#img0_link').click(function(){
//		alert('ddf');
		$('#categories').fadeIn();
		$('#slogan ul.titles li').fadeOut('fast');
		$('#slogan ul.titles #title_brand1').fadeIn('slow');
		$('#categories #menu_brand1 a').addClass('selected');
	});
});


jQuery(function( $ ){
	/**
	 * Most jQuery.localScroll's settings, actually belong to jQuery.ScrollTo, check it's demo for an example of each option.
	 * @see http://flesler.demos.com/jquery/scrollTo/
	 * You can use EVERY single setting of jQuery.ScrollTo, in the settings hash you send to jQuery.LocalScroll.
	 */
	
	// The default axis is 'y', but in this demo, I want to scroll both
	// You can modify any default like this
	$.localScroll.defaults.axis = 'x';
	
	// Scroll initially if there's a hash (#something) in the url 
	$.localScroll.hash({
		target: '#brandsn_list', // Could be a selector or a jQuery object too.
		queue:true,
		duration:1500
	});
	
	/**
	 * NOTE: I use $.localScroll instead of $('#navigation').localScroll() so I
	 * also affect the >> and << links. I want every link in the page to scroll.
	 */
	$.localScroll({
		target: '#brandsn_list', // could be a selector or a jQuery object too.
		queue:true,
		duration:1000,
		hash:true,
		onBefore:function( e, anchor, $target ){
			// The 'this' is the settings object, can be modified
		},
		onAfter:function( anchor, settings ){
			// The 'this' contains the scrolled element (#content)
		}
	});
});