var ajax={
	pageNum:1,
	btnNum:null,
	pageTimer:null,
	image1:null,
	image2:null,
	image3:null,
	featured_box:null,
	image_box:null,
	ajax_btn:null,
	btnQt:3,
	ua:null,
	browser:null
}
ajax.ua=navigator.userAgent;
if(ajax.ua.indexOf('MSIE 8')> -1){
		ajax.browser="ie8";
}

$(function(){
	ajax.pageTimer=setInterval(changePage,5000);
	ajax.image1=$("#image1");
	ajax.image2=$("#image2");
	ajax.image3=$("#image3");
	ajax.featured_box=$("#featured_box");
	ajax.image_box=$("#image_box");
	ajax.ajax_btn=$(".ajax_btn");
	for(var n=0;n<ajax.btnQt;n++){
		ajax.ajax_btn[n].num=(n+1);
	}
	$(".ajax_btn").mousedown(btnDown);
	$(".ajax_btn").mouseover(btnOverHl);
	$(".ajax_btn").mouseout(btnOutHl);
	
	$(".image_a").focus(function(){$(this).blur()});
	
	//初期状態
	//btnDownHl(1);
	$(ajax.ajax_btn[0]).css({"opacity":1});
	$(ajax.ajax_btn[1]).css({"visibility":"visible","opacity":0});
	$(ajax.ajax_btn[2]).css({"visibility":"visible","opacity":0});
	ajax.image_box.append(ajax.image1);
	ajax.image1.css({"opacity":1});
	ajax.image2.css({"visibility":"visible"});
	ajax.image3.css({"visibility":"visible"});
	ajax.pageNum=1;
});

function changePage(){
	ajax.pageNum+=1;
	if(ajax.pageNum>ajax.btnQt){
		ajax.pageNum=1;
	}
	btnDownHl(ajax.pageNum)
}

function setPage(pageNum){
	ajax.pageNum=pageNum;
	
}

//右下ボタンマウスオーバー
function btnOverHl(){
	ajax.btnNum=this.num;
	var target=$(ajax.ajax_btn[(ajax.btnNum-1)]);
	target.css({"opacity":1});
}

function btnDown(){
	ajax.btnNum=this.num;
	if ( this.num != ajax.pageNum ) {
		btnDownHl(ajax.btnNum);
	}
	return false;
}

//右下ボタンマウスダウン
function btnDownHl(num){
	for(var n=0;n<ajax.btnQt;n++){
		var target=$(ajax.ajax_btn[n]);
		//target.css({"visibility":"visible"})
		if ( n != ajax.btnNum-1 ) {
			target.css({"opacity":0});
		}
	}
	target=$(ajax.ajax_btn[num-1]);
	target.css({"opacity":1});
	var pages=$("div[id^='image']",ajax.image_box);
		//上から2番目以降は全部消す
		for(var m=ajax.btnQt-2;m>=0;m--){
			$(pages[m]).css({"opacity":0});
		}
	var targetPage=ajax["image"+num];
	ajax.image_box.append(targetPage);
	targetPage.css({"opacity":0});
	targetPage.stop().animate({opacity:1},1000,"swing");
	ajax.pageNum=num;
	clearInterval(ajax.pageTimer);
	ajax.pageTimer=setInterval(changePage,5000);
	
}

function btnOutHl(){
	ajax.btnNum=this.num;
	var target=$(ajax.ajax_btn[(ajax.btnNum-1)]);
	if ( ajax.btnNum != ajax.pageNum ) {
		target.css({"opacity":0});	
	}
	ajax.btnNum=null;
}