$(document).ready(function(){
		
	/* cookie */
	kl = getCookie('kumagailang');
	if(kl=='=ja'){
		$('#en').hide();
		$('#ja').show();
	} else if(kl=='=en'){
		$('#ja').hide();
		$('#en').show();
	} else {
		$('#en').hide();
		$('#ja').show();
	};
	
	/* background image resize */
	setInitSize();
	$(window).resize(function(){
		setInitSize();
	});
	
	/* slide field */
	$('#slide_btn').bind('click',function(event){
		$('#slideField').css("zIndex",15).fadeTo("slow",1.0);
		$('#menu_wrapper').css({"display":"none"});
		$('#copyright').css({"display":"none"});
		$('#menu').css({"display":"none"});
	});
	$('#slideClose').bind('click',function(event){
		$('#menu_wrapper').css({"display":"block"});
		$('#menu').css({"display":"block"});
		$('#copyright').css({"display":"block"});
		$('#slideField').fadeTo("fast",0.0).css("zIndex",10);
		$('#slideField').css({"display":"none"});
	});
	$('#slideNext').bind('click',function(event){
		goNext();
	});
	$('#slidePrev').bind('click',function(event){
		goPrev();
	});
	$('#slideTop').bind('click',function(event){
		goFirst();
	});
	$('.btn').hover(
		function(){
			$(this).addClass('hover');
		},
		function(){
			$(this).removeClass('hover');
		}
	);
	
	$('#menu').hover(
		function(){
			$('#menu_wrapper').fadeTo("slow",0.9);
		},
		function(){
			$('#menu_wrapper').fadeTo("slow",0.0);
		}
	);

	/* switch slide or youtube */
	$('#youtubeOn').bind('click',function(event){
		$('#slide').hide();
		$('#slide_ctl').hide();
		$('#youtube').show();
	});
	$('#slideOn').bind('click',function(event){
		$('#slide').show();
		$('#slide_ctl').show();
		$('#youtube').hide();
	});
	
	/* switch lang */
	$('.btn_ja').bind('click',function(event){
		$('#ja').show();
		$('#en').hide();
		document.cookie = "kumagailang=ja;";
	});
	$('.btn_en').bind('click',function(event){
		$('#ja').hide();
		$('#en').show();
		document.cookie = "kumagailang=en;";
	});
	
	/* books list toggle */
	$('#booksList').hide();
	$('#booksStatic').bind('click',function(event){
		$('#booksList').toggle();
	});
	
	
});

var $active;
var $next;
var $prev;

function goNext(){
	$active = $('#slideField img.active');
	if($active.length==0){
		$active=$('#slideField img:last');
	}
	$next = $active.next().length ? $active.next() : $('#slideField img:first');

	$active.addClass('last-active');

	$next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

function goPrev(){
	$active = $('#slideField img.active');
	if($active.length==0){
		$active=$('#slideField img:first');
	}
	$prev = $active.prev().length ? $active.prev() : $('#slideField img:last');

	$active.addClass('last-active');

	$prev.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

function goFirst(){
	$active.addClass('last-active').removeClass('active last-active');

	$active = $('#slideField img:last');
	$next = $('#slideField img:first');

	$active.addClass('last-active');

	$next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

function setInitSize() {
	var imageW = 978;
	var imageH = 660;
	var windowW = $(window).width();
	var windowH = $(window).height();
	var scaleW = windowW / imageW;
	var scaleH = windowH / imageH;
	var scale = Math.max(scaleW, scaleH);
	var settedW = imageW * scale;
	var settedH = imageH * scale;
	var dX = Math.floor((windowW - settedW)/2);
	var dY = Math.floor((windowH - settedH)/2);
	$('#bg').css({
		'width':settedW,
		'height':settedH,
		'left':dX,
		'top':dY
	});
	$('#content_wrapper').css({
		'height':windowH
	});
	$('#menu_wrapper').css({
		'height':windowH
	});
	$('#menu').css({
		'height':windowH
	});
	$('#menu_wrapper_grey').css({
		'height':windowH
	});
	$('#slideField').css({
		'height':windowH,
		'width':windowW-301
	})
	
}

function getCookie(key){
	if(key){
		var cookieData = document.cookie + ";";
		var start1 = cookieData.indexOf(key);
		var start2 = cookieData.indexOf("=",start1);
		var end = cookieData.indexOf(";",start1);
		if(start2 < end && start1 > -1){
			cookieData = cookieData.substring(start2,end);
			cookieData = cookieData;
			return cookieData;
		}
	}
	return false
}