var prevTag = '<a onclick="paging(\'prev\')" href="javascript:void(0);"><img height="31" border="0" width="84" alt="前へ" src="images/prev.gif" /></a>';
var nextTag = '<a onclick="paging(\'next\')" href="javascript:void(0);"><img height="31" border="0" width="84" alt="次へ" src="images/next.gif" /></a>';
var applyTag = '<br><br><a onclick="apply()" href="javascript:void(0);"><IMG src="images/button_apply_blue.gif" width="186" height="61" border="0" alt="応募する"></A>';


var comicImages = [
'images/cmc_0.jpg',
'images/cmc_1.jpg',
'images/cmc_2.jpg',
'images/cmc_3.jpg',
'images/cmc_4.jpg',
'images/cmc_5.jpg',
'images/cmc_6.jpg',
'images/cmc_7.jpg',
'images/cmc_8.jpg',
'images/cmc_9.jpg',
'images/cmc_10.jpg',
'images/cmc_11.jpg',
'images/cmc_12.jpg'
]

function paging(type){
  document.getElementById("pagingButton").innerHTML = "";
  var mainImageObj = document.getElementById("cmcImg");
  var imagesSrc = mainImageObj.getAttribute("src", 2);
  var imagePath;

  if (type != 'next' && type != 'prev') {
    return;
  }
  for(var i=0; i<comicImages.length;i++){
    if (comicImages[i] == imagesSrc){
      switch(type){
        case 'next':
          imagePath = (comicImages[i+1] == undefined)?imagesSrc:comicImages[i+1];
          break;
        case 'prev':
          imagePath = (comicImages[i-1] == undefined)?imagesSrc:comicImages[i-1];
          break;
      }
      if (imagePath != undefined) {
        mainImageObj.src = imagePath;
      }
      if (imagePath != comicImages[0]) {
        document.getElementById("pagingButton").innerHTML = prevTag;
      }
      
      if (imagePath != comicImages[comicImages.length -1]) {
        document.getElementById("pagingButton").innerHTML += nextTag;
      }else{
        document.getElementById("pagingButton").innerHTML += applyTag;
      }
      break;
    }
  }
}

function apply(){
  window.opener.location.href="./privacy.html";
  window.close();
}