var menuClass;
var contSlide;
var catSlide;
/*
 var userAgent = window.navigator.userAgent.toLowerCase();
 var appVersion = window.navigator.appVersion.toLowerCase();
 
 if (userAgent.indexOf("msie") > -1) {
 if (appVersion.indexOf("msie 6.0") > -1) {
 $('#title').fixPng();
 }
 else if (appVersion.indexOf("msie 7.0") > -1) {
 $('#title').fixPng();
 }
 else if (appVersion.indexOf("msie 8.0") > -1) {
 }
 }
 */
 $.ajaxSetup({ cache: false });
 
$(document).ready(function() {
	$('#mask').animate({
		opacity: 0.85
	}, 2000);
	setTimeout("$('#title').fadeIn(2000)", 1500);
	//timerID = setTimeout("$('#top_logo').fadeIn(2000)", 3000);
	setTimeout("$('#menu').slideDown(1000)", 3000);
	//timerID = setTimeout("$('#title').fadeOut(1000)", 5000);
	setTimeout("$('#top_logo').fadeIn(1000)", 4000);
	setTimeout("loadTop()", 4500);
});

function loadTop() {
	$('#menu img,#top_logo img,.h_arrow img').click(function() {
		menuClass = this.className;
		if (menuClass.search(/menuAct/i) == -1) {
			$("#menu img").removeClass('menuAct');
			if (!menuClass) {
				menuClass = "top";
			} else {
				$(this).addClass('menuAct');
			}
			if (menuClass != 0) {
				contentLoad();
			}
		}
	});

}

function contentLoad() {
	$('#cont').animate({
		opacity: 0
	}, 1000, function() {
		if (contSlide) contSlide.destroyShow();
		if (catSlide) catSlide.destroyShow();
		$('#cont').load(menuClass + ".html #cont", function() {
			if (menuClass != "top") slideContent();
			$('#cont').animate({
				opacity: 1
			}, 1000, function() {});
		});
	});
}

function slideContent() {
	contSlide = $('#cont .cont').bxSlider({
		//mode: "fade",
		controls: false
	});
	$('#cont .cat img').click(function() {
		contSlide.goToSlide(this.className);
		return false;
	});
	catSlide = $('#cont .cat').bxSlider({
		mode: "vertical",
		controls: false,
		displaySlideQty: 4,
		moveSlideQty: 4
	});
	$('#cont .up').click(function() {
		catSlide.goToPreviousSlide();
		return false;
	});
	$('#cont .down').click(function() {
		catSlide.goToNextSlide();
		return false;
	});
	$('.h_arrow img').click(function() {
		menuClass = this.className;
		contentLoad();

	});
	$('.nabeLink area').click(function() {
		menuClass = "menu3";
		$("#menu img").removeClass('menuAct');
		$("#menu img.menu1").addClass('menuAct');

		contentLoad();
	});
}