function hoverTab() {
	$(this).not(".tabSelected").toggleClass("tabActive");
	$(this).prev(".tabEdge").not(".tabEdgeSelected").toggleClass("tabEdgeActive");
	$(this).next(".tabEdge").not(".tabEdgeSelected").toggleClass("tabEdgeActive");	
}

function clickTab(thisTab) {
	selectTab($(this).attr('id'));
}

function buildTabs() {
	var tabLeft = $('<div>');    
	var tabRight = $('<div>');    
	var tabCenter = $('<div>');   
	tabLeft.addClass('tabEdge').addClass('tabEdgeL');
	tabRight.addClass('tabEdge').addClass('tabEdgeR');
	tabCenter.addClass('tabCenter');
	$(".tab").before(tabLeft).after(tabRight);	
	$(".tab").hover(hoverTab, hoverTab);
	$(".tab").click(clickTab);
	$(".tabEdgeL:first").css("margin-left", "-6px");   
}

function selectTab(tab) {
	$(".tab").removeClass("tabSelected").removeClass("tabActive");
	$(".tab").prev(".tabEdge").removeClass("tabEdgeSelected").removeClass("tabEdgeActive").removeClass("tabEdgeSelectedBendL");
	$(".tab").next(".tabEdge").removeClass("tabEdgeSelected").removeClass("tabEdgeActive").removeClass("tabEdgeSelectedBendR");	
	$("#" + tab).addClass("tabSelected");
	
	$("#" + tab).prev(".tabEdge").addClass("tabEdgeSelected");
	$("#" + tab).next(".tabEdge").addClass("tabEdgeSelected");
	
	if(($("#" + tab).offset().left - $("#widgetBottom").offset().left) > 15)
	{		
		$("#" + tab).prev(".tabEdge").addClass("tabEdgeSelectedBendL");
	}
	if(($("#widgetBottom").offset().left + $("#widgetBottom").width()) - ($("#" + tab).offset().left + $("#" + tab).width()) > 20)
	{		
		$("#" + tab).next(".tabEdge").addClass("tabEdgeSelectedBendR");
	}
		
	$(".panel").hide();
	
	$("#" + tab + "_panel").show();
}

function buildMerchs() {
	$(".merchBox > .link").hide();
	var myMerchCount = $(".merchBox").size();
	for (var i = 1;i<=myMerchCount;i++)
	{
		var mySpan = $("<span>");
		mySpan.addClass("empty");
		var myImg = $("<img>");
		myImg.attr("src","app_themes/hawaiianair.jp/img/index/merch_empty.gif");
		mySpan.html(myImg);
		mySpan.attr("id", "merchBox" + i + "_box")
		var myMerchId = "merchBox" + i;
		mySpan.click(function () {
			selectMerchs($(this).attr("id").replace("_box",""));
							   });
		$(".next").after(mySpan);
	}
	$(".next").click(function () {
			nextMerch();
							   });
	$(".prev").click(function () {
			prevMerch();
							   });	

	var autoStart =  setInterval('nextMerch()', 10000);		
	$("#merchSlider").hover(function() {
    	clearInterval(autoStart);
	},
	function() {
		autoStart =  setInterval( "nextMerch()", 10000 );
	});	
}

function selectMerchs(merch) {
	if(!$("#merchSlider").is(":animated")) {		
		var myCurrent = $("#" + merch).offset().left;
		var myLink = $("#" + merch + " > .link");
		$("#merchLink").attr("href", myLink.attr("href"));
		$("#merchLink").attr("title", myLink.attr("title"));
		var myGoal = $("#merchContainer").offset().left;
		var myDiff = myGoal - myCurrent;
		var mySymbol = "+";
		if(myDiff < 0) {
			mySymbol = "-";
			myDiff = myDiff * -1;
		}
		if($("#" + merch).css('z-index') > 0)
		{
			$("#" + merch).css('z-index', parseInt($("#" + merch).css('z-index')) + 1);
		}
		else
		{
			$("#" + merch).css('z-index', 100);			
		}

		$("#" + merch).fadeIn(1750);
		$("#" + merch).siblings().fadeOut(1750);		
		$(".empty > img").attr("src","app_themes/hawaiianair.jp/img/index/merch_empty.gif");
		$(".empty").removeClass("selectedBox");
		$("#" + merch + "_box").addClass("selectedBox");
		$("#" + merch + "_box > img").attr("src","app_themes/hawaiianair.jp/img/index/merch_full.gif");			
	}
}

function nextMerch() {
	var mySelected = $(".selectedBox");
	var myCurrent = parseInt(mySelected.attr("id").replace("_box","").replace("merchBox",""));
	var myCount = $(".merchBox").size();
	var myNext = myCurrent + 1;
	if(myCurrent < myCount)
	{
		selectMerchs("merchBox" + myNext);
	}
	else 
	{
		selectMerchs("merchBox1");		
	}
}
function prevMerch() {
	var mySelected = $(".selectedBox");
	var myCurrent = parseInt(mySelected.attr("id").replace("_box","").replace("merchBox",""));
	var myPrev = myCurrent - 1;
	if(myCurrent > 1)
	{
		selectMerchs("merchBox" + myPrev);
	}
}

function buildAlert() {
		var myOpener = '<tr><td class="panel_tl panel_c"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_t panel_tb"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_tr panel_c"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td></tr><tr><td class="panel_l panel_lr"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_middle">';
		var myCloser = '</td><td class="panel_r panel_lr"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td></tr><tr><td class="panel_bl panel_c"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_b panel_tb"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_br panel_c"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td></tr>';				
		var myTable1 = $('<table id="alertBoxPreview" cellpadding="0" cellspacing="0">');    
		var myTable2 = $('<table id="alertBoxPopup" cellpadding="0" cellspacing="0">'); 
		if($("#alertBox").text().indexOf('[body]') != -1)
		{
			var myContent = $("#alertBox").html().split("[body]");
			var myOpen = "&nbsp;&nbsp;&nbsp;<span class='clickable'>詳しくはこちら</span>";
			
			myTable1.append(myOpener + myContent[0] + myOpen + myCloser);
					
			var myClose = "&nbsp;&nbsp;&nbsp;<span class='clickable'>閉じる</span>";
						
			myTable2.append(myOpener + myContent[1] + myClose + myCloser);						
		}
		else 
		{
			myTable1.append(myOpener + $("#alertBox").html() + myCloser);
		}
		$("#alertBox").html("");
		$("#alertBox").append(myTable1);
		$("#alertBox").append(myTable2);		
		$(".clickable").click(function () {
					$("#alertBoxPopup").toggle();
							   });
}
function customRange(input) 
{ 
	$('#ui-datepicker-div').css('z-index', 3000);
	return {
			 minDate: (input.id == "departureDate" ? new Date() : $("#departureDate").datepicker("getDate"))
		   }; 
}
function tripClick(input) 
{ 
	switch(input){
		case "OW":
			$("#departureDiv").hide();
			$("#returnDate").val("");
		break
		case "RT":
			$("#departureDiv").show();
		break
		case "MC":
			popupWin0 = window.open('https://apps.hawaiianair.com/reservations/2/multicity.aspx', 'open_window');
		break
	}
}
function submitWidget()
{
	/*var myUrl = "https://apps.hawaiianair.com/reslite/jp/GetAvail.aspx";*/
	
	var myUrl = "https://bapps.hawaiianair.com/reslite/2/GetAvail.aspx";
	/*var myUrl = "https://apps.hawaiianair.com/reslite/GetAvail.aspx";*/
	
	var myDate1 = new Date($("#departureDate").val());
	var myDate2 = new Date($("#returnDate").val());
	var myMonth1 = myDate1.getMonth() + 1;
	var myMonth2 = myDate2.getMonth() + 1;	
	var myDay1 = myDate1.getDate();	
	var myDay2 = myDate2.getDate();	
	var myYear1 = myDate1.getUTCFullYear();	
	var myYear2 = myDate2.getUTCFullYear();	
	var myRefund = 0;

	if($("#myCheckBox:checked").val() != null)
	{
		myRefund = 1;
	}
	
	
	var trip = "trip=" + $("#ddlTripType").val();
	var departure = "departure=" + $("#ddlOrigin").val();
	var destination = "destination=" + $("#ddlDestination").val();
/*	var out_day = "out_day=" + myDay1;*/
	var out_date = "out_date=" + myMonth1 + "%2f" + myDay1 + "%2f" + myYear1;
	var out_day = "out_day=" + myDay1;
	var out_month = "out_month=" + myMonth1;
	var adult_no = "adult_no=" + $("#ddlTravelers").val();
	var refund_fare = "refund_fare=" + myRefund;

	/*var mySubmit = myUrl + "?qrys=qres&source=" + "&" + trip + "&" + departure + "&" + destination + "&" + out_day + "&" + out_month + "&" + adult_no + "&" + refund_fare;*/
	var mySubmit = myUrl + "?" + trip + "&" + departure + "&" + destination + "&" + out_date + "&" + out_day + "&" + out_month + "&out_time=&lang=ja&" +  adult_no;
	
	if($("#ddlTripType").val() == "RT")
	{
		return_date = "return_date=" + myMonth2 + "%2f" + myDay2 + "%2f" + myYear2;
		return_day = "return_day=" + myDay2;
		return_month = "return_month=" + myMonth2;
		mySubmit += "&" + return_day + "&" + return_month + "&" + return_date + "&return_time=";
		
	}
	else
	{
		return_date = "return_date=" + myMonth1 + "%2f" + myDay1 + "%2f" + myYear1;
		return_day = "return_day=" + myDay1;
		return_month = "return_month=" + myMonth1;
		mySubmit += "&" + return_day + "&" + return_month + "&" + return_date + "&return_time=";
	}

	if($("#ddlOrigin").val() == $("#ddlDestination").val())
	{
		halert('出発地と目的地をご確認ください。');
		//alert("出発地と目的地をご確認ください。");
	}
	else
	{	
		if (($("#ddlTripType").val() == "RT") && ($("#departureDate").val() == "" || $("#returnDate").val() == "" ||  myDate1 > myDate2))
		{
			halert('往路出発日、復路出発日をご確認ください。');
			//alert("往路出発日、復路出発日をご確認ください。");
		}else
		{
		popupWin1 = window.open(mySubmit, 'open_window');
		}
	}
	
}
function buildQuestions() 
{ 
		var myOpener = '<tr><td class="panel_tl panel_c"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_t panel_tb"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_tr panel_c"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td></tr><tr><td class="panel_l panel_lr"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_middle">';
		var myCloser = '</td><td class="panel_r panel_lr"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td></tr><tr><td class="panel_bl panel_c"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_b panel_tb"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_br panel_c"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td></tr>';				
		var myTable1 = $('<table class="questionBoxInner" cellpadding="0" cellspacing="0">');   
		
		var myContent = $(".questionBox").html();
		var myOpenLink = '<div class="questionOpenLink"><img src="/app_themes/hawaiianair.jp/img/iconhelp.gif" alt=" " /></div>'
		var myCloseLink = '<div class="questionCloseLink"><img src="/app_themes/hawaiianair.jp/img/Button_Close1.gif" alt=" " /></div>'
		
		myTable1.append(myOpener + myCloseLink + myContent + myCloser);

		$(".questionBox").html("");
		$(".questionBox").append(myOpenLink);	
		$(".questionBox").append(myTable1);	
		$(".questionCloseLink").click(function () {
					$(this).parents(".questionBoxInner").toggle();
							   });
		$(".questionOpenLink").click(function () {
					$(this).siblings(".questionBoxInner").toggle();
							   });	
		
		
}

function buildQuestions2()

{ 
		var myOpener = '<tr><td class="panel_tl panel_c"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_t panel_tb"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_tr panel_c"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td></tr><tr><td class="panel_l panel_lr"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_middle">';
		var myCloser = '</td><td class="panel_r panel_lr"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td></tr><tr><td class="panel_bl panel_c"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_b panel_tb"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td><td class="panel_br panel_c"><img src="/app_themes/hawaiianair.jp/img/spacer.gif" alt=" " /></td></tr>';				
		var myTable1 = $('<table class="questionBoxInner2" cellpadding="0" cellspacing="0">');   
		
		var myContent = $(".questionBox2").html();
		var myOpenLink = '<div class="questionOpenLink2"><img src="/app_themes/hawaiianair.jp/img/iconhelp.gif" alt=" " /></div>'
		var myCloseLink = '<div class="questionCloseLink2"><img src="/app_themes/hawaiianair.jp/img/Button_Close1.gif" alt=" " /></div>'
		
		myTable1.append(myOpener + myCloseLink + myContent + myCloser);

		$(".questionBox2").css('position', 'fixed');
		$(".questionBox2").css('z-index', 102);
		$(".questionBox2").html("");
		$(".questionBox2").append(myOpenLink);
		$(".questionBox2").append(myTable1);
		$(".questionCloseLink2").click(function () {
					$(this).parents(".questionBoxInner2").toggle();
							   });
		$(".questionOpenLink2").click(function () {
					$(this).siblings(".questionBoxInner2").toggle();
							   });	
		
		
}

function buildBoxes()
{
	
}
function submitWidget2()
{
	var myUrl ="https://www.virtuallythere.com/new/reservationsChron.html?host=HA&pnr={0}&name={1}&language=9&email=2"
	/*https://www.cert.virtuallythere.com/new/reservationsChron.html?host=HA&pnr={0}&name={1}&language=9&email=2";*/
	

	if($("#reservationNumber").val() == "")
	{
		halert('予約番号をご入力ください。');
	}else if ($("#lastName").val() == "")
	{
		halert('お名前(姓)をご入力ください。');
		//alert("予約番号とお名前(姓)をご入力ください。");
	}
	else
	{
		myUrl = myUrl.replace("{0}", $("#reservationNumber").val());
		myUrl = myUrl.replace("{1}", $("#lastName").val());			
		popupWin2 = window.open(myUrl, 'open_window');
	}
}
$(document).ready(function() {
	buildTabs();
	selectTab("tab1");	
	buildMerchs();	
	selectMerchs("merchBox1");	
	buildAlert();	
	var myDate = new Date();
	$('#departureDate').val(myDate.getFullYear() + "/" + (myDate.getMonth() + 1) + "/" + myDate.getDate());
		$('#returnDate').val($('#departureDate').val());

	$('#departureDate, #returnDate').datepicker({
            beforeShow: customRange,
            firstDay: 1, 
			showButtonPanel: true,
			defaultDate: myDate
		});
	$("#ddlTripType").change(function () {
		tripClick($(this).val())
						   });
	$('#widgetSubmit').click(function () {
		submitWidget()
									   });
	$('#widgetSubmit3').click(function () {
		submitWidget3()
									   });
	$("#departureDate").change(function () {
		$('#returnDate').val($('#departureDate').val());
						   });
	buildQuestions();
	buildQuestions2();
	buildBoxes();
	$('#widgetSubmit2').click(function () {
		submitWidget2()
						   });
});
function submitWidget3()
{
	var myCheckin = "https://checkin.hawaiianair.com";
	/*https://www.cert.virtuallythere.com/new/reservationsChron.html?host=HA&pnr={0}&name={1}&language=9&email=2";*/
	
	var checkin = $("#checkin").val();
	var lastname2 = $("#lastname2").val();
	

	if(lastname2 == "")
	{		
		halert('姓を入力してください。');
		//alert("お名前(姓)とウェブチェックインに必要な項目を1つご入力ください。");
	}
	else if(checkin == "")
	{
		halert('ウェブチェックインに必要な項目を1つご入力ください。');
		//alert("ウェブチェックインに必要な項目を1つご入力ください。");
	}
	else
	{
		var myCheckin = myCheckin + "?userInput=" + checkin + "&lname=" + lastname2 + "&locale=JA";
				
		popupWin3 = window.open(myCheckin, 'open_window');
	}
}