/* -------------------------------------------------------------------
	
	Initialization for Site Top page
	
--------------------------------------------------------------------*/
jQuery(document).ready(function($){
	// swfobject
	var ua = navigator.userAgent;
	if(ua && (ua.indexOf("iPhone") == -1) && (ua.indexOf("iPad") == -1)) { 
		var flashvars = {};
		var params = {wmode:'transparent'};
		var attributes = {};
		swfobject.embedSWF("./img2010/index/main.swf", "intro", "950", "303", "9.0.0", "./base2010/expressInstall.swf", flashvars, params, attributes);
	} else {
		// iPhone, iPad対応
		jQuery.ajax({
			url: '/img2010/index/introInfo.xml',
			type: 'GET',
			dataType: 'xml',
			cache: false,  
			timeout: 100000, 
			success: parse_xml,
			error: function(XMLHttpRequest, status) {
				alert("errror:" + status);
			}
		});
	}
	
	$(".tabMenu li").fadeImage(200, 0.7);
	
	//Tab Menu
	$(".tabMenu li a:first").addClass('tabCurrent');
	
	$('.tabContents:not(#tabSchool)').hide();

	$(".tabMenu li a").click(function() {
		var area = $(this).attr('href');
		$('.tabContents').hide();
		$(area).fadeIn();
		$(".tabMenu li a").removeClass('tabCurrent');
		$(this).addClass('tabCurrent');
		return false;
	});

	// キャッチフレーズ
	var div = $("<div></div>").attr("style","position:absolute; top: 50px; right:7px; z-index: 100");
	var img =  $("<img />").attr("src","/img2010/index/introImages/intro/phrase.png");

	$("#header").append($(div).append(img));

});

var introList = new Array();
var introTxtList = new Array();
var targetURLList = new Array();
function  parse_xml(xml){
	$(xml).find("info").each(function(){ 
		$(this).find("intro").each(function() {
			introList.push("/" + $(this).text());
		});
		$(this).find("txt").each(function() {
			introTxtList.push("/" + $(this).text());
		});
		$(this).find("targetURL").each(function() {
			targetURLList.push("/" + $(this).text());
		});
	});

	// Slide
	var divSlide = $("<div></div>").attr({
			id:"slideshow"});
	for(var i = 0; i < introList.length; i++) {
		var div = $("<div></div>").attr("id","img_index_" + (i + 1));
		div = $(div).attr("style","position:absolute; top: 0px; left: 0px;");
		var divImg = $("<div></div>").attr("style","position:absolute; top: 0px; left: 0px; width:950px; height:302px; overflow:hidden;");
		var img =  $("<img />").attr({src: introList[i], style: "position:absolute; top:0px; left:0px;"});
		var divImgTxt = $("<div></div>").attr("style","position:absolute; top: 0px; left: 0px; width:950px;  height:302px; overflow:hidden;");
		var imgTxt =  $("<img />").attr({src: introTxtList[i], style: "position:absolute; top:0px; left:0px;"});

		$(div).append($(divImg).append(img));
		$(div).append($(divImgTxt).append(imgTxt));

		$(divSlide).append(div);
		if(i != 0) $(div).hide();
	}

	$("#intro").append(divSlide);

	// Menu
	var divMenu = $("<div></div>").attr("style", "position: relative; width:300px; height:300px; top: 32px; left: 0px; z-index: 999");
	var ul = $("<ul></ul>").addClass("jd_menu jd_menu_vertical");

	var menu1 = $("<li></li>");
	var menuLink1 = $("<a></a>").attr({href:"/info_point1.html", target:"_self"});
	var menuImage1 = $("<img />").attr({src:"img2010/index/introImages/intro_i/btn01.png", width:"180",height:"67"});
	menu1 = $(menu1).append($(menuLink1).append(menuImage1));
	ul = $(ul).append(menu1);

	var menu2 = $("<li></li>");
	var menuLink2 = $("<a></a>").attr("href","javascript:void(0)");
	var menuImage2 = $("<img />").attr({src:"img2010/index/introImages/intro_i/btn02.png",width:"180",height:"68"});
	menu2 = $(menu2).append($(menuLink2).append(menuImage2));

	var menuSubul = $("<ul></ul>");
	var menuSubLi1 = $("<li></li>");
	var menuSubLink1 = $("<a></a>").attr("href","/school/kyouyousemi.html");
	var menuSubimage1 = $("<img />").attr({src:"img2010/index/introImages/intro_i/sub_btn01.png",width:"129",height:"46"});
	menuSubLi1 = $(menuSubLi1).append($(menuSubLink1).append(menuSubimage1));
	menuSubul = $(menuSubul).append(menuSubLi1);
	var menuSubLi2 = $("<li></li>");
	var menuSubLink2 = $("<a></a>").attr("href","/school_index.html");
	var menuSubimage2 = $("<img />").attr({src:"img2010/index/introImages/intro_i/sub_btn02.png",width:"129",height:"46"});
	menuSubLi2 = $(menuSubLi2).append($(menuSubLink2).append(menuSubimage2));
	menuSubul = $(menuSubul).append(menuSubLi2);
	var menuSubLi3 = $("<li></li>");
	var menuSubLink3 = $("<a></a>").attr("href","/seminar_index.html");
	var menuSubimage3 = $("<img />").attr({src:"img2010/index/introImages/intro_i/sub_btn03.png",width:"129",height:"46"});
	menuSubLi3 = $(menuSubLi3).append($(menuSubLink3).append(menuSubimage3));
	menuSubul = $(menuSubul).append(menuSubLi3);
	var menuSubLi4 = $("<li></li>");
	var menuSubLink4 = $("<a></a>").attr("href","/course_index.html");
	var menuSubimage4 = $("<img />").attr({src:"img2010/index/introImages/intro_i/sub_btn04.png",width:"129",height:"46"});
	menuSubLi4 = $(menuSubLi4).append($(menuSubLink4).append(menuSubimage4));
	menuSubul = $(menuSubul).append(menuSubLi4);
	var menuSubLi5 = $("<li></li>");
	var menuSubLink5 = $("<a></a>").attr("href","/summary.html");
	var menuSubimage5 = $("<img />").attr({src:"img2010/index/introImages/intro_i/sub_btn05.png",width:"129",height:"45"});
	menuSubLi5 = $(menuSubLi5).append($(menuSubLink5).append(menuSubimage5));
	menuSubul = $(menuSubul).append(menuSubLi5);
	menu2 = $(menu2).append(menuSubul);
	ul = $(ul).append(menu2);

	var menu3 = $("<li></li>");
	var menuLink3 = $("<a></a>").attr("href","/voice/index.html");
	var menuImage3 = $("<img />").attr({src:"img2010/index/introImages/intro_i/btn03.png",width:"180",height:"68"});
	menu3 = $(menu3).append($(menuLink3).append(menuImage3));
	ul = $(ul).append(menu3);

	var menu4 = $("<li></li>");
	var menuLink4 = $("<a></a>").attr("href","/info_guidance.html");
	var menuImage4 = $("<img />").attr({src:"img2010/index/introImages/intro_i/btn04.png",width:"180",height:"67"});
	menu4 = $(menu4).append($(menuLink4).append(menuImage4));
	ul = $(ul).append(menu4);

	divMenu = $(divMenu).append(ul);

	$("#intro").append(divMenu);

	$("#slideshow").children().each(function(){
		if(this.id && (this.id.indexOf("img_index_") > -1)){
			$(this).hover(function(){
				$(this).opOver(1.0,0.6,200,500);
			});
			$(this).click(function(){
				var index = this.id.replace("img_index_","");
				if(/^\d+$/.test(index)) {
					location.href = targetURLList[index - 1];
				}
			});
		}
	});

	$("#slideshow").cycle({
		fx:'fade',
		speed:3000,
		timeout:2000,
		pause:1
	});

	$('ul.jd_menu').jdMenu({disableLinks:false});
}