$(function() {
	var c_slide = 0;	//!< 現在表示しているのスライド番号
	var speed = 5000;	//!< スピード
	var slideNum = $("#slide li").size();	//!< スライドの画像数
	var slideHeight = new Array();			//!< スライド画像のそれぞれの高さ
	var viewHeight = $('#slide').height();	//!< スライドビューの高さ
	var IE = false;
	if(!jQuery.support.opacity){
	    //!< IE6-8
	    IE = true;
	}
	else{
		$('#slide_text li').each(function(i){
			$(this).css('opacity',0);
		});
	}
	
	init();
	startAnimation();
	
	//!< ナビクリック時の処理
	$('#slideNav li a').each(function(i){
     	$(this).click(function(){
     		stopAnimation();
			clickAnimation(i);
	     	return false;
	     })
	});
	
	//!< アニメーション処理
	function startAnimation(){
		$("#slide li").eq(c_slide).filter(':not(:animated)')
			.animate({ opacity : 1 },speed/3,"swing")
			.animate({ top : (slideHeight[c_slide]-viewHeight)*-1 },speed,"swing", 
				function(){ 
					if(!IE){ textAnimation(); } 
					else{ endAnimation(); } 
				})
	}
	
	//!< テキストのアニメーション処理
	function textAnimation(){
		$("#slide_text li").eq(c_slide).filter(':not(:animated)')
				.animate({ opacity : 1 },speed/2,"swing")
				.animate({ opacity : 1 },speed/3,"swing", function(){ endAnimation(); })
	}
	
	//!< 切り替わりのアニメーション
	function endAnimation(){
		$("#slide li").eq(c_slide).animate({ opacity : 0 },speed/5,"swing", function(){ nextprev(c_slide+1);  startAnimation(); });
		if(!IE){
			$("#slide_text li").eq(c_slide).animate({ opacity : 0 },speed/5,"swing");
		}
	}
	
	//!< ナビクリック時のアニメーション
	function clickAnimation(num){
		$("#slide li").eq(c_slide).animate({ opacity : 0 },speed/5,"swing", function(){ nextprev((num));  startAnimation(); });
		if(!IE){
			$("#slide_text li").eq(c_slide).animate({ opacity : 0 },speed/5,"swing");
		}
	}
	
	//!< 処理中のアニメーションを中止する
	function stopAnimation(){
		$("#slide li").eq(c_slide).stop().stop();
		if(!IE){
			$("#slide_text li").eq(c_slide).stop().stop();
		}
	}
	
	//!< 前後のボタン
	function nextprev(num){
		//!< 現在の要素を非表示にする
		$("#slide li").eq(c_slide).css('display','none');
		$("#slide li").eq(c_slide).css('top',0);
		$("#slide_text li").eq(c_slide).css('display','none');
		if(!IE){
			$("#slide_text li").eq(c_slide).css('opacity',0);
		}
		//!< ナビのcurrentを消去
		$("#slideNav .current").replaceWith(function() {
			return "<span>Slide"+c_slide+"</span>"
		});
		
		//!< カレントを次のスライドへ
		c_slide = num;
		
		if(c_slide >= slideNum){
			c_slide = 0;
		}
		else if(c_slide < 0){
			c_slide = slideNum-1;
		}
		
		//!< 次の要素を表示
		$("#slide li").eq(c_slide).css('display','block');
		$("#slide_text li").eq(c_slide).css('display','block');
		
		//!< ナビのcurrentを追加
		$("#slideNav span").eq(c_slide).replaceWith(function() {
			return "<span class=\"current\">Slide"+c_slide+"</span>";
		});
	}
	
	//!< 初期化
	function init(){
		$('#slide li').each(function(i){
			slideHeight[i] = $(this).height();
		});
		
		$("#slide li").eq(c_slide).css('display','block');
		$("#slide_text li").eq(c_slide).css('display','block');
	}
});

function a(val){
	alert(val);
}