var course          = new Array();
course['pages']     = pages;
course['questions'] = questions;

var numAnswered = 0;
var finishedQuiz = false;
var wpnum; //carmen

var img1;
var img2;
img1 = new Image();
img2 = new Image();
img1.src = "/asia/jp/worldperks/university/images/check.jpg";
img2.src = "/asia/jp/worldperks/university/images/ex.jpg"

function prefillWP() {/*
  var WorldPerksLogin = get_cookie("WorldPerks");
  if (WorldPerksLogin != "") {
    var WPcookie_flds = WorldPerksLogin.split('&');
    document.wp.wpnum.value = WPcookie_flds[0];
    alert(WPcookie_flds[0]);
  }*/
}

function genNav(pageIdx) {
  var nav   = '<table border="0" align="center" cellpadding="0" cellspacing="5"><tr>';
  if (pageIdx > 0) {
    nav += '<td><a href="javascript:changeContent(' + (pageIdx - 1) + ');"><img src="/asia/jp/worldperks/university/images/btn_arrow_left.jpg" width="7" height="19" border="0"></a></td>';
  }
  for (var i = 0; i < (course['pages']).length; i++) {
    if (i == pageIdx) {
      nav += '<td class="pagebtnactive">' + (i + 1) + '</td>';
    }
    else {
      nav += '<td><a href="javascript:changeContent(' + i + ');" class="pagebtn">' + (i + 1) + '</a></td>';
    }
  }
  if (pageIdx < (course['pages']).length - 1) {
    nav += '<td><a href="javascript:changeContent(' + (pageIdx + 1) + ');"><img src="/asia/jp/worldperks/university/images/btn_arrow_right.jpg" width="7" height="19" border="0"></a></tr>';
  }
  nav += '</tr></table>';
  return nav;
}

function getStart(pageIdx)
{
	if (pageIdx == 1) // enter as a guest
	{
		window.location = "wp101Q.jsp";
	}
}
function changeContent(pageIdx) {
  var isMinIE4   = (document.all) ? 1 : 0;
  var isMinIE5   = (isMinIE4 && navigator.appVersion.indexOf("5.")) >= 0 ? 1 : 0;
  var divContent = (isMinIE4) ? document.all["divContent"] : document.getElementById("divContent");
  var divNav     = (isMinIE4) ? document.all["divNav"] : document.getElementById("divNav");
  divContent.innerHTML = (course['pages'])[pageIdx];
  divNav.innerHTML     = genNav(pageIdx);
}

function genQuestion(pageIdx) {
  var qText = '<h1>' + ((course['questions'])[pageIdx])['title'] + ':</h1>';
  qText    += '<p><b>' + ((course['questions'])[pageIdx])['qText'] + '</b></p>';
  qText    += '<hr/><table border="0" cellpadding="10" cellspacing="0">';
  for (var i = 0; i < (((course['questions'])[pageIdx])['opVal']).length; i++) {
    if (i % 2 == 0) {
      qText += '<tr valign="top">';
		}
    qText += '<td><img id="a' + i + '" src="/images/clear.gif" border="0" width="12" height="12" alt=""/> <input type="radio" name="rdoQ' + i + '" id="rdoQ' + i + '" value="' + (((course['questions'])[pageIdx])['opVal'])[i] + '" onClick="javascript:checkAnswer(' + pageIdx + ', this, \'a' + i + '\');"/></td><td width="200">' + (((course['questions'])[pageIdx])['opTxt'])[i] + '</td>';
    if ((i % 2 == 0) && (i == (((course['questions'])[pageIdx])['opVal']).length - 1)) {
      qText += '<td colspan="2">&nbsp;</td></tr>';
		}
    else if (i % 2 != 0) {
      qText += '</tr>';
		}
  }
  qText += '</table>';
  return qText;
}

function changeQuestion(pageIdx) {
  var isMinIE4   = (document.all) ? 1 : 0;
  var isMinIE5   = (isMinIE4 && navigator.appVersion.indexOf("5.")) >= 0 ? 1 : 0;
  var divContent = (isMinIE4) ? document.all["divContent"] : document.getElementById("divContent");
  var divNote  = (isMinIE4) ? document.all["divNote"] : document.getElementById("divNote");
  var divNav     = (isMinIE4) ? document.all["divNav"] : document.getElementById("divNav");
  divContent.innerHTML = genQuestion(pageIdx);
  divNote.innerHTML    = '';
  divNav.innerHTML     = '';
}

function genQuestionNav(pageIdx, isCorrect) {
  var hasNext = false;
  var nav   = '<table border="0" align="center" cellpadding="0" cellspacing="5"><tr>';
  if ((pageIdx == (course['questions']).length - 1) && isCorrect) {
   // nav = '<td><div id="divFinish" onClick="javascript:document.wp.submit();" style="cursor:pointer; display:inline">' +
   nav = '<td><div id="divFinish" onClick="javascript:qCompleted();" style="cursor:pointer; display:inline">' +
          '<table border="0" cellpadding="0" cellspacing="0" bgcolor="#656b8d"><tr>' +
          '<td width="5"><img src="/asia/jp/worldperks/university/images/button_left.jpg" alt="" width="5" height="19"></td>' +
          '<td class="buttonblue">修了して100ボーナスマイルを受け取る</td><td width="5"><img src="/asia/jp/worldperks/university/images/button_right.jpg" alt="" width="5" height="19"></td>' +
          '</tr></table></div></td>';
  }
  else {
    if (pageIdx > 0) {
      nav += '<td><a href="javascript:reviewQuestion(' + (pageIdx - 1) + ');"><img src="/asia/jp/worldperks/university/images/btn_arrow_left.jpg" width="7" height="19" border="0"></a></td>';
    }
    for (var i = 0; i < (course['questions']).length; i++) {
      if (i == pageIdx) {
        nav += '<td class="pagebtnactive">' + (i + 1) + '</td>';
      }
      else if (i < pageIdx) {
        nav += '<td><a href="javascript:reviewQuestion(' + i + ');" class="pagebtn">' + (i + 1) + '</a></td>';
      }
      else {
        if (i <= numAnswered) {
          hasNext = true;
          nav += '<td><a href="javascript:reviewQuestion(' + i + ');" class="pagebtn">' + (i + 1) + '</a></td>';
        }
        else {
          if (isCorrect) {
            hasNext = true;
						if (i == pageIdx + 1) {
							if (i <= numAnswered) {
              	nav += '<td><a href="javascript:reviewQuestion(' + i + ');" class="pagebtn">' + (i + 1) + '</a></td>';
							}
							else {
	              nav += '<td><a href="javascript:changeQuestion(' + i + ');" class="pagebtn">' + (i + 1) + '</a></td>';
							}
						}
						else {
              nav += '<td><a href="javascript:alert(\'第' + i + '問へお進みください。\');" class="pagebtn">' + (i + 1) + '</a></td>';
						}
          }
          else {
            hasNext = true;
            nav += '<td><a href="javascript:alert(\'次の出題へ進むには、この問題を正解してください。\');" class="pagebtn">' + (i + 1) + '</a></td>';
          }
        }
      }
    }
    if (hasNext) {
      if ((pageIdx + 1) <= numAnswered) {
        nav += '<td><a href="javascript:reviewQuestion(' + (pageIdx + 1) + ');"><img src="/asia/jp/worldperks/university/images/btn_arrow_right.jpg" width="7" height="19" border="0"></a></td>';
      }
      else {
				if (isCorrect) {
          nav += '<td><a href="javascript:changeQuestion(' + (pageIdx + 1) + ');"><img src="/asia/jp/worldperks/university/images/btn_arrow_right.jpg" width="7" height="19" border="0"></a></td>';
        }
        else {
          nav += '<td><a href="javascript:alert(\'次の出題へ進むには、この問題を正解してください。\');"><img src="/asia/jp/worldperks/university/images/btn_arrow_right.jpg" width="7" height="19" border="0"></a></td>';
        }
      }
    }
  }
  nav += '</tr></table>';
  return nav;
}

function checkAnswer(pageIdx, obj, imgName) {
  var isMinIE4 = (document.all) ? 1 : 0;
  var isMinIE5 = (isMinIE4 && navigator.appVersion.indexOf("5.")) >= 0 ? 1 : 0;
  var imgObj   = (isMinIE4) ? document.all[imgName] : document.getElementById(imgName);
  var divNote  = (isMinIE4) ? document.all["divNote"] : document.getElementById("divNote");
  var divNav   = (isMinIE4) ? document.all["divNav"] : document.getElementById("divNav");
  var imgObjTemp;
  var rdoObj;
  for (var i = 0; i < (((course['questions'])[pageIdx])['opVal']).length; i++) {
    rdoObj = (isMinIE4) ? document.all['rdoQ' + i] : document.getElementById('rdoQ' + i);
    if (rdoObj.id != obj.id) {
      rdoObj.checked = false;
    }
    imgObjTemp = (isMinIE4) ? document.all['a' + i] : document.getElementById('a' + i);
    if (imgObjTemp.id == imgObj.id) {
      if (obj.value == ((course['questions'])[pageIdx])['answr']) {
        imgObjTemp.src = img1.src;
        divNote.innerHTML = '<hr/><h1>正解</h1><p>' + (((course['questions'])[pageIdx])['opCom'])[i] + '</p>';
        divNav.innerHTML  = genQuestionNav(pageIdx, true);
        numAnswered = pageIdx;
        if (pageIdx == ((course['questions']).length - 1)) {
          finishedQuiz = true;
        }
      }
      else {
        imgObjTemp.src = img2.src;
        divNote.innerHTML = '<hr/><h1>不正解</h1><p>' + (((course['questions'])[pageIdx])['opCom'])[i] + '</p>';
        divNav.innerHTML  = '';
      }
    }
    else {
      imgObjTemp.src = '/images/clear.gif';
    }
  }
}

function reviewQuestion(pageIdx) {
  changeQuestion(pageIdx);
  var isMinIE4 = (document.all) ? 1 : 0;
  var isMinIE5 = (isMinIE4 && navigator.appVersion.indexOf("5.")) >= 0 ? 1 : 0;
  var divNote  = (isMinIE4) ? document.all["divNote"] : document.getElementById("divNote");
  var divNav   = (isMinIE4) ? document.all["divNav"] : document.getElementById("divNav");
  var imgObj;
  var rdoObj;
  var imgDir = '/asia/jp/worldperks/university/images/';
  for (var i = 0; i < (((course['questions'])[pageIdx])['opVal']).length; i++) {
    rdoObj = (isMinIE4) ? document.all['rdoQ' + i] : document.getElementById('rdoQ' + i);
    imgObj = (isMinIE4) ? document.all['a' + i] : document.getElementById('a' + i);
    if (rdoObj.value == ((course['questions'])[pageIdx])['answr']) {
      rdoObj.checked = true;
      imgObj.src = imgDir + 'check.jpg';
      divNote.innerHTML = '<hr/><h1>正解</h1><p>' + (((course['questions'])[pageIdx])['opCom'])[i] + '</p>';
      divNav.innerHTML  = genQuestionNav(pageIdx, true);
    }
  }
}
function validate(isPageOne) {
  if (document.wp.wpnum.value == null || document.wp.wpnum.value == "") {
    alert("ワールドパークス会員番号をご入力ください。");
    return false;
  }
  else {
  
    document.wp.account.value = document.wp.wpnum.value;
    
    document.wp.submit();
    
  }
  return true;
}

function startasguest()
{
	document.wp.guest.value = "1";
	document.wp.submit();
}
function startasmember()
{
	document.wp.guest.value = "0";
	return(validate(true));
}


function qCompleted()
{
	if (document.wp.guest.value =="1")
	{
	       var course_num = document.wp.course_num.value;
		   window.location=course_num+"_guest.jsp";
	}
	else 
	{
		document.wp.submit();
	}
	
}