var ajax={
	pageNum:1,	
	pageTimer:null,
	page1:null,
	page2:null,
	page3:null,
	page4:null,
	featured_pages:null,
	featured_page_btns:null,
	featured_btn:null,
	go_btn_base:null,
	btnQt:4,
	ua:null,
	browser:null,
	btnDown:false
}

var traceBox;

ajax.ua=navigator.userAgent;
if(ajax.ua.indexOf('MSIE 8')> -1){
		ajax.browser="ie8";
}

$(function(){
	ajax.pageTimer=setInterval(changePage,5000);
	ajax.page1=$("#featured1");
	ajax.page2=$("#featured2");
	ajax.page3=$("#featured3");
	ajax.page4=$("#featured4");
	ajax.featured_pages=$("#featured_pages");
	ajax.featured_page_btns=$("#featured_page_btns")
	ajax.featured_btn=$(".featured_btn");
	ajax.go_btn_base=$(".go_btn_base");
	for(var n=0;n<ajax.btnQt;n++){
		ajax.featured_btn[n].num=(n+1);
		ajax.go_btn_base[n].num=(n+1);
	}
	
	
	//右下のボタン
	$(".featured_btn").mousedown(featured_btnDown);
	$(document).mousemove(documentmoveHl);
	$(document).mouseup(function(){ajax.btnDown=false;})
	
	//詳細ボタン
	$("#go_detail_normal").mouseover(function(){
		var target=$(this);
		if(ajax.browser==="ie8"){target=$(".go_detail_inner",this)}
		target.css({"opacity":0.3}).stop().animate({opacity:1},1500,"swing")
	});
	
	$("#go_detail_normal,#featured_pages").mousedown(function(e){
		//左クリックのみ対象
		if(e.which == 1){
			var windowName="win"+ajax.pageNum;
			var linkPath;
			if(!ajax.btnDown){
				switch(ajax.pageNum){
					case 1:linkPath="/service/concept/yoshin.html";break;
					case 2:linkPath="/service/concept/portal.html";break;
					case 3:linkPath="/service/concept/bpo.html";break;
					case 4:linkPath="/service/concept/kyouiku.html";break;
				}
				document.location.href=linkPath;
			}
		}
	});
	
	//右の大きいボタン
	ajax.go_btn_base.mouseover(function(){
		
		$(this).css({"opacity":0.3}).stop().animate({opacity:1},1500,"swing")
	});
	ajax.go_btn_base.mousedown(function(){
		ajax.btnDown=true;
	});
	
	$(".go_btn_inner a").mousedown(function(){
		//$(this).blur()
	})
	
	//初期状態
	featured_btnDownHl(1);
	
});

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

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


//右下ボタンマウスオーバー
function featured_btnOverHl(num){
	var target=$(ajax.featured_btn[(num-1)]);
	$(".link_btn_off",target).css({"visibility":"hidden"});
	$(".link_btn_on",target).css({"visibility":"visible"});
	for(var n=0;n<ajax.btnQt;n++){
		 var target0=$(ajax.featured_btn[n]);
		 if(num-1!==n){
			 if(ajax.pageNum!==ajax.featured_btn[n].num && $(".link_btn_off",target0).css("visibility")==="hidden"){
				$(".link_btn_on",target0).css({"visibility":"hidden"});
				$(".link_btn_off",target0).css({"visibility":"visible"});
				$(".link_on_arrow",target0).css({"visibility":"hidden"});
			}
			 
		 }
	}
}

function featured_btnDown(){
	var btnNum=this.num;
	if(ajax.pageNum!==this.num){
		featured_btnDownHl(btnNum)	
	}
}

//右下ボタンマウスダウン
function featured_btnDownHl(num){
	for(var n=0;n<ajax.btnQt;n++){
		var target=$(ajax.featured_btn[n]);
		$(".link_btn_off",target).css({"visibility":"visible"});
		$(".link_btn_on",target).css({"visibility":"hidden"});
		$(".link_on_arrow",target).css({"visibility":"hidden"});
	}
	target=$(ajax.featured_btn[num-1]);
	$(".link_btn_on",target).css({"visibility":"visible"});
	$(".link_btn_off",target).css({"visibility":"hidden"});
	
	$(".link_on_arrow",target).css({"visibility":"visible"});
	var pages=$("div[id^='featured']",ajax.featured_pages);
	//alert(pages.length)
	for(var m=ajax.btnQt-2;m>=0;m--){
		$(pages[m]).css({"visibility":"hidden","opacity":0});
	}
	
	var targetPage=ajax["page"+num];
	ajax.featured_pages.append(targetPage);
	targetPage.css({"visibility":"visible"});
	targetPage.stop().animate({opacity:1},1000,"swing");
	if(ajax.browser==="ie8"){
		$(".go_btn_inner",targetPage).css({"opacity":0});
		$(".go_btn_inner",targetPage).stop().animate({opacity:1},1000,"swing");
	}
	ajax.pageNum=num;
	clearInterval(ajax.pageTimer);
	ajax.pageTimer=setInterval(changePage,5000);
	
}

function featured_btnOutHl(){
		for(var n=0;n<ajax.btnQt;n++){
			var target=$(ajax.featured_btn[n]);
			if(ajax.pageNum!==ajax.featured_btn[n].num && $(".link_btn_off",target).css("visibility")==="hidden"){
				$(".link_btn_on",target).css({"visibility":"hidden"});
				$(".link_btn_off",target).css({"visibility":"visible"});
				$(".link_on_arrow",target).css({"visibility":"hidden"});
			}
		}
}

function documentmoveHl(e){
	var offset=ajax.featured_page_btns.offset();
	var x=e.pageX-offset.left;
	var y=e.pageY-offset.top;
	var onMouse=false;
	var onMouseNum;
	if(y>=0 && y<=7){
		if(x>=0 && x<=89){
			onMouse=true;
			onMouseNum=1;
		}else if(x>=98 && x<=187){
			onMouse=true;
			onMouseNum=2;
		}else if(x>=196 && x<=285){
			onMouse=true;
			onMouseNum=3;
		}else if(x>=294 && x<=383){
			onMouse=true;
			onMouseNum=4;
		}
	}
	if(onMouse && onMouseNum!=ajax.pageNum){
		featured_btnOverHl(onMouseNum);
	}
	if(!onMouse){
		featured_btnOutHl();
	}
}