var pfMap=new HashMap();//adapting to 2 channels of photo album or more

function loadPhotosChannel(index,pf,cid){
  function callback(rs){
    document.getElementById("PhotoChannel-"+pf+"-"+cid).innerHTML=rs.responseText;
    pfMap.put(pf+"index",0);
    var urlObj=document.getElementById('photoVars'+pf);
    if(urlObj){
      var urls=urlObj.value.split(',');
      pfMap.put(pf+"urls",urls);
      pfMap.put(pf+"urlSize",urls.length);
    }
    pfMap.put(pf+"imgURL",document.getElementById('imgURL'+pf));

    rotatePhoto(pf);
    }
    var url = "q?pg=ChannelPhotoAlbumLoader&tg=ChannelPhotoAlbumLoader&pf="+pf+"&cid="+cid+"&start="+index;
    Request.sendPOST(url,null,callback,false);
  }

  function rotatePhoto(pf){
    if(pfMap.containsKey(pf+"urlSize")){
      var rotNum=document.getElementById("rote"+pf).value;
      var photoUrlSize=pfMap.get(pf+"urlSize");
      if(rotNum != 'T' && photoUrlSize>1){
        if(rotNum == ''){
          rotNum = 3;
        }
        //var ObjInterval=setInterval('go2Photos();',rotNum*1000);
        var ObjInterval=JsInterval(go2Photos,rotNum*1000,pf);
        pfMap.put(pf+"interval",ObjInterval);
      }
    }
    //document.title=rotNum+"#"+photoUrlSize;
  }

  function JsInterval(funcName,time){
    var args=[];
    for(var i=2;i<arguments.length;i++){
      args.push(arguments[i]);
    }
    return window.setInterval(function(){
     funcName.apply(this,args);
     },time);
  }

  function switchNavButton(pf){
    var photoIndex=pfMap.get(pf+"index");
    var photoUrlSize=pfMap.get(pf+"urlSize");
    if(photoIndex>0){
      ccExpandArea("prevButn"+pf);
    }else{
      ccCollapseArea("prevButn"+pf);
    }
    if(photoIndex>=(photoUrlSize-1)){
      ccCollapseArea("nextButn"+pf);
    }else{
      ccExpandArea("nextButn"+pf);
    }
  }

  function resumeRotation(pf){
    var rotNum=document.getElementById("rote"+pf).value;
    var photoUrlSize=pfMap.get(pf+"urlSize");
    if(rotNum != 'T' && photoUrlSize>1){
      if(rotNum == ''){
        rotNum = 3;
      }
      //var ObjInterval=setInterval('go2Photos();',rotNum*1000);
      var ObjInterval=JsInterval(go2Photos,rotNum*1000,pf);
      pfMap.put(pf+"interval",ObjInterval);
    }
     ccCollapseArea("ResumeBtn"+pf);
     ccExpandArea("StopBtn"+pf);
     return false;
  }

  function stopRotation(pf){
   clearInterval(pfMap.get(pf+"interval"));
   ccCollapseArea("StopBtn"+pf);
   ccExpandArea("ResumeBtn"+pf);
   return false;
  }

function topPhoto(pf){
  pfMap.put(pf+"index",0);
  showPhotos(pf);
}

function bottomPhoto(pf){
  var photoUrlSize=pfMap.get(pf+"urlSize")
  pfMap.put(pf+"index",photoUrlSize-1);
  showPhotos(pf);
}

function nextPhoto(pf){
  var photoUrlSize=pfMap.get(pf+"urlSize")
  if(photoUrlSize>0){
    var photoIndex=pfMap.get(pf+"index");
    if((photoIndex+1)>=photoUrlSize-1){
      pfMap.put(pf+"index",photoUrlSize-1);
    }
    showPhotos(pf);
  }
}

function previousPhoto(pf){
  var photoUrlSize=pfMap.get(pf+"urlSize")
  if(photoUrlSize>0){
    var photoIndex=pfMap.get(pf+"index");
    if((photoIndex-1)<=0){
      pfMap.put(pf+"index",0);
    }
    showPhotos(pf);
  }
}

function showPhotos(pf){
   switchNavButton(pf);
   var photoIndex=pfMap.get(pf+"index");
   var photoUrls=pfMap.get(pf+"urls");
    document.getElementById("startNum"+pf).innerHTML=photoIndex+1;
    document.getElementById("urlHref"+pf).href=photoUrls[photoIndex];
    var photoUrlObj=pfMap.get(pf+"imgURL");
    photoUrlObj.src=photoUrls[photoIndex];
}

function go2Photos(pf){
  var photoUrlSize=pfMap.get(pf+"urlSize")
  if(photoUrlSize>0){
   var photoIndex=pfMap.get(pf+"index");
    photoIndex=(photoIndex+1)%photoUrlSize;
    pfMap.put(pf+"index",photoIndex);
    showPhotos(pf);
  }
}