$(function() {
	var hc = $('.hair-image');
	var sc = $('.skin-image');
	var hm = $('.hair-main');
	var sm = $('.skin-main');
	var sl = $('.skype-left');
	var toh = $('.to-hair-right');
	var tos = $('.to-skin-right');
	var menu = $('.menu');
	var topLinks = $('.menu a');
	var bottommenu = $('.bottom-menu');
	var bottomLinks = $('.bottom-menu a, .bottom_menu a');
	var duration = 1000;
	var homeMenu = $('.home-menu');
	
	$('.hair-image').click(function(e) {
		e.preventDefault();
		hc.animate({
			'width': 938,
			'margin-right': 0
		}, duration);
		sc.animate({
			'width': 0
		}, duration, function() {
			sc.css('display', 'none');
		});
		sl.fadeIn(duration);
		tos.fadeIn(duration);
		
		sm.css({
			'right': 0,
			'left': 'auto',
			'width': 0,
			'display': 'none',
			'z-index': 1
		});
		hm.css('z-index', 0);
		
		topLinks.each(function(index, item) {
			if ($(item).parent().hasClass('remove-skin') && !$(item).parent().hasClass('remove-hair')) {
				$(item).parent().css('display', 'inline');
			}
		});
		
		$('.home-menu ul li:eq(0)').addClass('active');
		menu.removeClass('menu-skin').addClass('menu-hair').css('visibility', 'visible');
		bottommenu.removeClass('bottom-menu-skin').addClass('bottom-menu-hair');
	});
	
	$('.skin-image').click(function(e) {
		e.preventDefault();
		sc.animate({
			'width': 938
		}, duration);
		hc.animate({
			'width': 0,
			'margin-right': 0
		}, duration, function() {
			hc.css('display', 'none');
		});
		sl.fadeIn(duration);
		toh.fadeIn(duration);
		
		hm.css({
			'right': 0,
			'left': 'auto',
			'width': 0,
			'display': 'none',
			'z-index': 1
		});
		sm.css('z-index', 0);
		
		topLinks.each(function(index, item) {
			if (!$(item).hasClass('not-change-href')) {
				$(item).attr('href', $(item).attr('href').replace('hair/', 'skin/'));
			}
			if ($(item).parent().hasClass('remove-skin')) {
				$(item).parent().css('display', 'none');
			}
		});
		
		bottomLinks.each(function(index, item) {
			if (!$(item).hasClass('not-change-href')) {
				$(item).attr('href', $(item).attr('href').replace('hair/', 'skin/'));
			}
			if ($(item).parent().hasClass('remove-skin')) {
				$(item).parent().css('display', 'none');
			}
		});
		
		$('.home-menu ul li:eq(1)').addClass('active');
		menu.removeClass('menu-hair').addClass('menu-skin').css('visibility', 'visible');
		bottommenu.removeClass('bottom-menu-hair').addClass('bottom-menu-skin');
	});
	
	$('.to-skin-right, .to-s a').live('click', function(e) {
		e.preventDefault();
		sm.css('display', 'block').animate({
			'width': 938
		}, duration, function() {
			hm.css({
				'right': 0,
				'left': 'auto',
				'width': 0,
				'display': 'none',
				'z-index': 1
			});
			sm.css('z-index', 0);
		});
		tos.css('display', 'none');
		toh.css('display', 'block');
		
		topLinks.each(function(index, item) {
			if (!$(item).hasClass('not-change-href')) {
				if ($(item).attr('href').indexOf('hair/') != -1) {
					$(item).attr('href', $(item).attr('href').replace('hair/', 'skin/'));
				}
				else {
					$(item).attr('href', '/skin/' + $(item).attr('href'));
				}
			}
			if ($(item).parent().hasClass('remove-skin')) {
				$(item).parent().css('display', 'none');
			}
		});
		if (!homeMenu.hasClass('not-replace')) {
			homeMenu.html('<a href="/hair/index.php" class="not-change-href">Elan Hair</a>');
		}
		else {
			homeMenu.html('<a href="/hair/index.php" class="not-change-href">home</a>');
		}
		
		bottomLinks.each(function(index, item) {
			if (!$(item).hasClass('not-change-href')) {
				if ($(item).attr('href').indexOf('hair/') != -1) {
					$(item).attr('href', $(item).attr('href').replace('hair/', 'skin/'));
				}
				else {
					$(item).attr('href', '/skin/' + $(item).attr('href'));
				}
			}
			if ($(item).parent().hasClass('remove-skin')) {
				$(item).parent().css('display', 'none');
			}
		});
		
		$('.home-menu ul li:eq(0)').removeClass('active').addClass('to-h');
		$('.home-menu ul li:eq(1)').addClass('active').removeClass('to-s');
		
		menu.removeClass('menu-hair').addClass('menu-skin');
		bottommenu.removeClass('bottom-menu-hair').addClass('bottom-menu-skin');
	});
	
	$('.to-hair-right, .to-h a').live('click', function(e) {
		e.preventDefault();
		hm.css('display', 'block').animate({
			'width': 938
		}, duration, function() {
			sm.css({
				'right': '0',
				'left': 'auto',
				'width': 0,
				'display': 'none',
				'z-index': 1
			});
			hm.css('z-index', 0);
		});
		toh.css('display', 'none');
		tos.css('display', 'block');
		
		topLinks.each(function(index, item) {
			if (!$(item).hasClass('not-change-href')) {
				if ($(item).attr('href').indexOf('skin/') != -1) {
					$(item).attr('href', $(item).attr('href').replace('skin/', 'hair/'));
				}
				else {
					$(item).attr('href', '/hair/' + $(item).attr('href'));
				}
			}
			if ($(item).parent().hasClass('remove-skin') && !$(item).parent().hasClass('remove-hair')) {
				$(item).parent().css('display', 'inline');
			}
		});
		if (!homeMenu.hasClass('not-replace')) {
			homeMenu.html('<a href="/skin/index.php" class="not-change-href">Elan Skin</a>');
		}
		else {
			homeMenu.html('<a href="/skin/index.php" class="not-change-href">home</a>');
		}
		
		
		bottomLinks.each(function(index, item) {
			if (!$(item).hasClass('not-change-href')) {
				if ($(item).attr('href').indexOf('skin/') != -1) {
					$(item).attr('href', $(item).attr('href').replace('skin/', 'hair/'));
				}
				else {
					$(item).attr('href', '/hair/' + $(item).attr('href'));
				}
			}
			if ($(item).parent().hasClass('remove-skin') && !$(item).parent().hasClass('remove-hair')) {
				$(item).parent().css('display', 'inline');
			}
		});
		
		$('.home-menu ul li:eq(1)').removeClass('active').addClass('to-s');
		$('.home-menu ul li:eq(0)').addClass('active').removeClass('to-h');
		
		menu.removeClass('menu-skin').addClass('menu-hair');
		bottommenu.removeClass('bottom-menu-skin').addClass('bottom-menu-hair');
	});
});