/*var URLPREFIX = 'http://www.skyalbum.com.hk/';
var URLPREFIXIMAGE = 'http://www.skyalbum.com.hk/img/';
var URLPREFIXCART = 'https://www.skyalbum.com.hk/';
var URLPREFIXBLOG = 'http://blog.skyalbum.com.hk/';
*/
var URLPREFIX = 'http://www.skyhgc.com/';
var URLPREFIXIMAGE = 'http://www.skyhgc.com/img/';
var URLPREFIXCART = 'https://www.skyhgc.com/';
var URLPREFIXBLOG = 'http://blog.skyhgc.com/';

var AJAX=false;
var SHOWDETAIL= 0;
var IMAGEDISPLAYNUM=2;
var IMAGEDISPLAYNUMCLASSIC=20;
var THEMECOLORPATTERN;
var NORESPONSE =0;
var currentUserName;
var currentFolderName;

/*
function copy(ob) {
	var obj=findObj(ob); if (obj) { 
	obj.select();js=obj.createTextRange();js.execCommand("Copy");}
}

function findObj(n, d) { //v4.0
	var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
		d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
	if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
	for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document);
	if(!x && document.getElementById) x=document.getElementById(n); return x;
}*/


function showCopyDiv()
{
	document.getElementById('copyImagePathDiv').style.visibility = 'visible';
	document.getElementById('copyImagePathDiv').style.background = 'white';	
	document.getElementById('copyImagePathDiv').style.top = currentY - 10 ;
	document.getElementById('copyImagePathDiv').style.left = currentX + 12 ;
	setTimeout("hiddenCopyDiv()", 2000);	
}

function hiddenCopyDiv()
{
	document.getElementById('copyImagePathDiv').style.cursor='default';
	document.getElementById('copyImagePathDiv').style.visibility = 'hidden';
} 

function funPageSwitch(TheForm,page){
	switch (page){
		case 'Next':
			TheForm.PageSwitchNext.value=page;
			break;
		case 'Back':
			TheForm.PageSwitchPrevious.value=page;
			break;			
	}
	TheForm.showImageInfo.value=SHOWDETAIL;
	TheForm.submit();
}

function funImageCheck(TheForm,TheElement,linkSubmit,username,methodUsed){

	var totalChecked =0;
	var doNotTakeAction=0;
/*	
	for(var i=0;i<Pic.length;i++){
		if (TheForm.elements["chkImage["+i+"]"].checked == true){
			totalChecked++;
		}
	}


	if (totalChecked == 0  && (linkSubmit!="SetAsCover" && linkSubmit!="Edit" && linkSubmit!="Delete") && (linkSubmit!="Order")){
		if (linkSubmit=="Same"){
			if (Pic.length==0){
				alert(headerDisplay[7]);

			}		
		}
		if (confirm(headerDisplay[8])){
			TheForm.elements['chkAll'].checked=true;
			checkAll(TheForm,TheForm.elements['chkAll']);		
		}
		else{
			doNotTakeAction=1;
		}	
	}
*/
	switch (linkSubmit){
		case "SetAsCover":
			if (username==folderOwner[0]){
				TheForm.action = URLPREFIX+'image.setascover';
				TheForm.submit();
			}
			else{
				alert(headerDisplay[13]);
			}
			break;
		case "Edit":
				if (username==Owner[SelectedImage]){
					TheForm.ToolImageUsed.value = 1;
					TheForm.action = URLPREFIX+'image.edit';
					TheForm.submit();
				}
				else{
					alert(headerDisplay[11]);	
				}
			
			break;						
		case "Delete":
			if (username != Owner[SelectedImage]){
				alert(headerDisplay[10]);
			}
			else if (confirm(headerDisplay[9])){
				TheForm.ToolImageUsed.value = 1;
				TheForm.action = URLPREFIX+'image.delete';
				TheForm.submit();
			}

			break;
		case "Order":
			
			TheForm.action = URLPREFIXCART+'cart.order';
			TheForm.submit();
			break;
		case "SlideShow":			
			TheForm.action= URLPREFIX+'slideshow/';
			TheForm.method="POST";
			TheForm.submit();
			break;
		case "Same":
			
			document.body.style.overflow = "hidden";
		    document.getElementById('blackLayer').style.top = 0;
	    	document.getElementById('blackLayer').style.left = document.body.scrollLeft;
		    document.getElementById('blackLayer').style.width = document.body.clientWidth;
	    	document.getElementById('blackLayer').style.height = document.body.scrollHeight;					
			document.getElementById('blackLayer').style.visibility = "visible";		
		
			document.getElementById("waitingProcess").style.left = (document.body.clientWidth-300)/2;
			document.getElementById("waitingProcess").style.top = document.body.scrollTop+(document.body.clientHeight/2)-50;
			document.getElementById('waitingProcess').style.visibility="visible";
			document.getElementById('waitingProcess').style.display="inline";
			
			addImage();	
		
			break;			
		default:
			TheForm.action="";
			break;							
	}	
}
/*
function checkAll(TheForm,checkItemBox){

	if (checkItemBox.checked==true){
		for(var j=0;j<Caption.length;j++){
			TheForm.elements["chkImage["+j+"]"].checked=true;	
		}
	}
	else{
		for(var j=0;j<Caption.length;j++){
			TheForm.elements["chkImage["+j+"]"].checked=false;	
		}			
	}
	return false;
}
*/
/*
function funIsCheckAll(TheForm){

	var i=0;

	for(var j=0;j<Caption.length;j++){
		if (TheForm.elements["chkImage["+j+"]"].checked==false){
			TheForm.elements["chkAll"].checked=false;
			break;
		}
		else{
			i++;	
		}
	}
	if (i==Caption.length){
		TheForm.elements["chkAll"].checked=true;	
	}
}
*/


var currentX,currentY;
var IE = document.all?true:false;
if (!IE) {
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = getMouseXY;

function getMouseXY(e){
  if (IE) { 
    currentX = event.clientX + document.body.scrollLeft;
    currentY = event.clientY + document.body.scrollTop;

  } else {  
    currentX = e.pageX;
    currentY = e.pageY;
  }
	(currentX<0)?0:currentX;
    (currentY<0)?0:currentY;
}


function showDetail(showImageNum,colorPattern){
	var imageDESCDetail="";
	
	
if (IE) {
  document.getElementById('showDetail').style.left = currentX;
  document.getElementById('showDetail').style.top = currentY;
}
else{
  document.getElementById('showDetail').style.left = currentX;
  document.getElementById('showDetail').style.top = currentY;	
}	

		/*if (Desc[showImageNum]!=""){
			imageDESCDetail = "<tr>"+
				"<td valign=\"top\" ><div align=\"right\">"+headerDisplay[15]+":</div></td>"+
				"<td colspan=\"2\" valign=\"top\" ><div align=\"left\">"+Desc[showImageNum]+"</div></td>"+
		        "</tr>"*//*+
				 "<tr><td colspan=\"3\" ><img src=\""+URLPREFIXIMAGE+"default/spacer/tspacer.gif\" ></td>"+       
		        "</tr>"*//*;
		}
		document.getElementById('showDetail').innerHTML=
		
	  "<table width=\"100%\"   border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\" width:280px; z-index:1; left: 38px; top: 326px; visibility: visible;\" class=\"imgDetail\">"+
	 "<tr><td><table width=\"100%\" border=\"0\" bgcolor=\"ffffff\" cellpadding=\"0\" cellspacing=\"0\"  class=\"ToolPanel2\"><tr>"+
	 	 "<td width=\"100%\" height=\"25\"><table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"+
	  " <tr>"+
	 	 "<td width=\"91%\" height=\"24\" valign=\"bottom\">&nbsp;<strong>"+headerDisplay[16]+"</strong></td>"+
	 	 "<td width=\"9%\" valign=\"bottom\"><div align=\"right\"><div id=\"close\" ><img src=\""+URLPREFIXIMAGE+"Icon/cancel.gif\" width=\"16\" height=\"16\" onClick=\"javascript:reStoreDetail();\" class=\"btncursor\">&nbsp;</div></div></td>"+
	  "</tr>"+
	  "</table></td>"+
	
	  "</tr>"+
	  "<tr>"+
	  "<td height=\"*%\" ><img src=\""+URLPREFIXIMAGE+"default/spacer/tspacer.gif\" ><br>"+
	  "<table width=\"95%\"  border=\"0\" align=\"center\" cellpadding=\"2\">"+
			"<tr>"+
			"<td  width=\"33%\"><div align=\"right\">"+headerDisplay[14]+": </div></td>"+
			"<td colspan=\"2\"  ><div align=\"left\">"+Caption[showImageNum]+"</div></td>"+
	        "</tr>"+imageDESCDetail+
	
			
	        "<tr><td valign=\"top\" ><div align=\"right\">"+headerDisplay[0]+": </div></td>"+
	        "<td width=\"60%\" valign=\"top\" ><div align=\"left\">"+ImageWidth[showImageNum]+" x "+ ImageHeight[showImageNum]+" "+headerDisplay[5]+"</div></td>"+
	        "</tr>"+
	        "<tr><td ><div align=\"right\">"+headerDisplay[1]+": </div></td>"+
	        "<td  ><div align=\"left\">"+calculateFileSize(ImageFileSize[showImageNum])+"</div></td>"+
	        "</tr>"+
	        "<tr><td  ><div align=\"right\">"+headerDisplay[12]+": </div></td>"+
	        "<td ><div align=\"left\">"+CapturedDate[showImageNum]+"</div></td>"+
	        "</tr>"+    
	        "<tr><td  ><div align=\"right\">"+headerDisplay[2]+": </div></td>"+
	        "<td  ><div align=\"left\">"+UploadDate[showImageNum]+"</div></td>"+
	        "</tr>"+
	        "<tr><td  ><div align=\"right\">"+headerDisplay[3]+": </div></td>"+
	        "<td  ><div align=\"left\">"+Owner[showImageNum]+"</div></td></tr>"+
	       
	  "</table>"+
	  "<br></td>"+
	  "</tr>"+
	  
	   "</table></td></tr></table>";*/

  /*
  "<Span class=\"opacity\"><table width=\"100%\"   border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\" width:300px; height:115px; z-index:1; left: 38px; top: 326px; visibility: visible;\" class=\"ToolPanel\">"+
  "<tr>"+
  "<td width=\"11\" height=\"25\" valign=\"top\" ><img src=\""+URLPREFIXIMAGE+"theme/"+colorPattern+"/OTLC.gif\" width=\"11\" height=\"25\"></td>"+
  "<td width=\"100%\" height=\"25\" class=\"IFO\"><table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"+
  " <tr>"+
  "<td width=\"91%\" valign=\"bottom\">&nbsp;<span class=\"title\"><strong>"+headerDisplay[16]+"</strong></span></td>"+
  "<td width=\"9%\"><div align=\"right\"><div id=\"close\" ><img src=\""+URLPREFIXIMAGE+"Other/frame/of/cancel.gif\" width=\"20\" height=\"20\" onClick=\"javascript:reStoreDetail();\" class=\"btncursor\"></div></div></td>"+
  "</tr>"+
  "</table></td>"+
  "<td width=\"12\" height=\"25\" ><img src=\""+URLPREFIXIMAGE+"theme/"+colorPattern+"/OTRC.gif\" width=\"12\" height=\"25\"></td>"+
  "</tr>"+
  "<tr>"+
  "<td height=\"*%\" colspan=\"3\" class=\"IFOcell\"><img src=\""+URLPREFIXIMAGE+"Other/spacer/tspacer.gif\" ><br>"+
  "<table width=\"95%\" border=\"0\" align=\"center\" class=\"text\ cellpadding=\"2\">"+
		"<tr>"+
		"<td  width=\"22%\"><div align=\"right\">"+headerDisplay[14]+"&nbsp;&nbsp;</div></td>"+
		"<td colspan=\"2\"  ><div align=\"left\">"+Caption[showImageNum]+"</div></td>"+
        "</tr>"+imageDESCDetail+
		 
		 "<tr><td colspan=\"3\" class=\"orangebb\" ><img src=\""+URLPREFIXIMAGE+"Other/spacer/tspacer.gif\" ></td>"+       
        "</tr>"+
		
        "<tr><td valign=\"top\" ><div align=\"right\">"+headerDisplay[0]+"&nbsp;&nbsp;</div></td>"+
        "<td width=\"60%\" valign=\"top\" ><div align=\"left\">"+ImageWidth[showImageNum]+" x "+ ImageHeight[showImageNum]+" "+headerDisplay[5]+"</div></td>"+
        "</tr>"+
        "<tr><td ><div align=\"right\">"+headerDisplay[1]+"&nbsp;&nbsp;</div></td>"+
        "<td  ><div align=\"left\">"+calculateFileSize(ImageFileSize[showImageNum])+"</div></td>"+
        "</tr></tr>"+
        "<tr><td  ><div align=\"right\">"+headerDisplay[12]+"&nbsp;&nbsp;</div></td>"+
        "<td ><div align=\"left\">"+CapturedDate[showImageNum]+"</div></td>"+
        "</tr>"+    
        "<tr><td  ><div align=\"right\">"+headerDisplay[2]+"&nbsp;&nbsp;</div></td>"+
        "<td  ><div align=\"left\">"+UploadDate[showImageNum]+"</div></td>"+
        "</tr>"+
        "<tr><td  ><div align=\"right\">"+headerDisplay[3]+"&nbsp;&nbsp;</div></td>"+
        "<td  ><div align=\"left\">"+Owner[showImageNum]+"</div></td></tr>"+
       
  "</table>"+
  "</td>"+
  "</tr>"+
  "<tr>"+
  "<td height=\"*%\" colspan=\"3\" class=\"IFO\"><img src=\""+URLPREFIXIMAGE+"Other/spacer/tspacer.gif\" ><br>"+
  "</tr>"+
  */
  /*
  "<table width=\"98%\" border=\"0\" class=\"greentext\ cellpadding=\"2\">"+
		"<tr>"+
		"<td valign=\"top\" width=\"25%\"><div align=\"right\">"+headerDisplay[14]+"</div></td>"+
		"<td colspan=\"2\" valign=\"top\" ><div align=\"left\"><strong>"+Caption[showImageNum]+"</strong></div></td>"+
        "</tr>"+imageDESCDetail+

        "<tr><td valign=\"top\" ><div align=\"right\">"+headerDisplay[0]+"</div></td>"+
        "<td width=\"60%\" valign=\"top\" ><div align=\"left\">"+ImageWidth[showImageNum]+" x "+ ImageHeight[showImageNum]+" "+headerDisplay[5]+"</div></td>"+
        "</tr>"+
        "<tr><td valign=\"top\"><div align=\"right\">"+headerDisplay[1]+"</div></td>"+
        "<td valign=\"top\" ><div align=\"left\">"+calculateFileSize(ImageFileSize[showImageNum])+"</div></td>"+
        "</tr></tr>"+
        "<tr><td valign=\"top\" ><div align=\"right\">"+headerDisplay[12]+"</div></td>"+
        "<td valign=\"top\" ><div align=\"left\">"+CapturedDate[showImageNum]+"</div></td>"+
        "</tr>"+    
        "<tr><td valign=\"top\" ><div align=\"right\">"+headerDisplay[2]+"</div></td>"+
        "<td valign=\"top\" ><div align=\"left\">"+UploadDate[showImageNum]+"</div></td>"+
        "</tr>"+
        "<tr><td valign=\"top\" ><div align=\"right\">"+headerDisplay[3]+"</div></td>"+
        "<td valign=\"top\" ><div align=\"left\">"+Owner[showImageNum]+"</div></td></tr>"+
        "<tr><td colspan=\"2\" valign=\"top\" ><div align=\"left\"></div></td>"+
        "</tr>"+  
  "</table>"+
  */
/*
    "<tr>"+
  "<td colspan=\"3\" class=\"IFO\"><img src=\""+URLPREFIXIMAGE+"Other/spacer/tp5spacer.gif\" width=\"5\" height=\"5\"></td>"+
  "<td width=\"4\" valign=\"top\" background=\""+URLPREFIXIMAGE+"Other/frame/shodowr.gif\" class=\"o20\">&nbsp;</td>"+
  "</tr>"+
  "<tr>"+
  "<td width=\"11\" height=\"5\"><img src=\""+URLPREFIXIMAGE+"Other/spacer/tp5spacer.gif\"  width=\"5\" height=\"5\"></td>"+
  "<td height=\"5\" colspan=\"2\" valign=\"top\" background=\""+URLPREFIXIMAGE+"Other/frame/shodowb.gif\" class=\"o20\"><img src=\""+URLPREFIXIMAGE+"Other/spacer/tp5spacer.gif\" width=\"5\" height=\"5\"><img src=\""+URLPREFIXIMAGE+"Other/spacer/tp5spacer.gif\" width=\"5\" height=\"5\"></td>"+
  "<td width=\"4\" height=\"5\" valign=\"top\" class=\"o20\"><img src=\""+URLPREFIXIMAGE+"Other/frame/shodowr.gif\" width=\"8\" height=\"4\"></td>"+
  "</tr>"+
*/
 
	
/*	
 		"<table width=\"100%\"  border=\"1\"  cellpadding=\"0\" cellspacing=\"0\" style=\" width:335px; height:115px; z-index:1; left: 38px; top: 326px; visibility: visible;\" class=\"o80\">"+
   		"<tr>"+
   		"<td width=\"10\" height=\"10\" valign=\"top\"><div align=\"right\"><img src=\""+URLPREFIXIMAGE+"theme/"+colorPattern+"/LCTL.gif\" width=\"10\" height=\"10\"></div></td>"+
   		"<td  class=\"IFO\" height=\"25\"><img src=\""+URLPREFIXIMAGE+"theme/"+colorPattern+"/spacer.gif\" width=\"5\" height=\"8\"></td>"+
     	"<td  width=\"10\" height=\"10\" valign=\"top\"><div align=\"right\"><img src=\""+URLPREFIXIMAGE+"theme/"+colorPattern+"/LCTR.gif\" width=\"10\" height=\"10\"></div></td>"+
   		"</tr><tr bgcolor=\"#FFFFFF\" ><td valign=\"top\" bgcolor=\"#FFFFFF\" class=\"border_DG_L\" >&nbsp;</td>"+
     	"<td  valign=\"top\" bgcolor=\"#FFFFFF\" class=\"c\">"+
     	"<table width=\"100%\"  border=\"0\" align=\"center\" cellpadding=\"2\" cellspacing=\"0\" class=\"greentext\">"+
     	"<tr><td colspan=\"2\" valign=\"top\" align=\"right\" ><div id=\"close\" ><div class=\"light\"><strong>[ <a href=\"javascript:reStoreDetail();\">X</a> ]</strong></div></div></td></tr>"+
        "<tr><td colspan=\"2\" valign=\"top\" ><div align=\"left\"><strong>"+Caption[showImageNum]+"</strong></div></td>"+
        "</tr><tr><td  colspan=\"2\" valign=\"top\" ><p align=\"left\">"+Desc[showImageNum]+"</p></td>"+
        "</tr><tr><td valign=\"top\" ><div align=\"left\">"+headerDisplay[0]+"</div></td>"+
        "<td width=\"60%\" valign=\"top\" ><div align=\"left\">"+ImageWidth[showImageNum]+" x "+ ImageHeight[showImageNum]+" "+headerDisplay[5]+"</div></td>"+
        "</tr><tr><td valign=\"top\"><div align=\"left\">"+headerDisplay[1]+"</div></td>"+
        "<td valign=\"top\" ><div align=\"left\">"+calculateFileSize(ImageFileSize[showImageNum])+"</div></td>"+
        "</tr></tr>"+
        "<tr><td valign=\"top\" ><div align=\"left\">"+headerDisplay[12]+"</div></td>"+
        "<td valign=\"top\" ><div align=\"left\">"+CapturedDate[showImageNum]+"</div></td>"+
        "</tr>"+    
        "<tr><td valign=\"top\" ><div align=\"left\">"+headerDisplay[2]+"</div></td>"+
        "<td valign=\"top\" ><div align=\"left\">"+UploadDate[showImageNum]+"</div></td>"+
        "</tr><tr><td colspan=\"2\" valign=\"top\" ><hr align=\"left\"></td>"+
        "</tr><tr><td valign=\"top\" ><div align=\"left\">"+headerDisplay[3]+"</div></td>"+
        "<td valign=\"top\" ><div align=\"left\">"+Owner[showImageNum]+"</div></td></tr>"+
        "<tr><td colspan=\"2\" valign=\"top\" ><div align=\"left\"></div></td>"+
        "</tr>"+
        "</table></td><td valign=\"top\" bgcolor=\"#FFFFFF\" class=\"border_DG_R\">&nbsp;</td>"+
        "</tr><tr><td width=\"10\" height=\"10\"><div align=\"right\"><img src=\""+URLPREFIXIMAGE+"theme/"+colorPattern+"/LCBF.gif\" width=\"10\" height=\"10\"></div></td>"+
     	"<td bgcolor=\"#FFFFFF\" class=\"border_DG_B\"><img src=\""+URLPREFIXIMAGE+"theme/"+colorPattern+"/spacer.gif\" width=\"5\" height=\"8\"></td>"+
     	"<td width=\"10\" height=\"10\"><div align=\"right\"><img src=\""+URLPREFIXIMAGE+"theme/"+colorPattern+"/LCBR.gif\" width=\"10\" height=\"10\"></div></td>"+
     	"</tr></table>";	
*/	

//}

}


function reStoreDetail(){
	document.getElementById('showDetail').innerHTML="";
	SHOWDETAIL=0;
}

function calculateFileSize(PictureFileSize){
	if (Math.round(PictureFileSize/1024/1024)>0){
		return roundNumberToDecimal(PictureFileSize/1024/1024,2) +" MB";
	}
	else if (Math.round(PictureFileSize/1024)>0){
		return roundNumberToDecimal(PictureFileSize/1024,1) +" KB";
	}
	else if (Math.round(PictureFileSize)){
		return roundNumberToDecimal(PictureFileSize,0) + " bytes";	
	}
	
}

function roundNumberToDecimal(number, decimal) {
	return  Math.round(number*Math.pow(10,decimal))/Math.pow(10,decimal);
	
}

function getCookie(name) {
    var dc = document.cookie;
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1) {
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    } else {
        begin += 2;
    }
    var end = document.cookie.indexOf(";", begin);
    if (end == -1) {
        end = dc.length;
    }
    return unescape(dc.substring(begin + prefix.length, end));
}

function setCookie(name, value, expires, path, domain, secure) {
    document.cookie= name + "=" + escape(value) +
        ((expires) ? "; expires=" + expires.toGMTString() : "") +
        ((path) ? "; path=" + path : "") +
        ((domain) ? "; domain=" + domain : "") +
        ((secure) ? "; secure" : "");
}


var nxtImgIndex = "";
var prevImgIndex = "";
var currImgIndex = "";
var clickedOn = "";


function funGetImage(viewDetail,clickedImageNum,TheForm,username,folderName,methodUsed){
	
	var noNeedToPost=0;
	var FINISHED = 0;
	var prevImage = 0;
	
	/*
	if (document.getElementById(SelectedImage)){
		document.getElementById(SelectedImage).className="Border imgDetail80";
	}
	
	if (document.getElementById('StereoMsg')){
		if (document.getElementById('StereoMsg').innerHTML!=''){
			document.getElementById('StereoMsg').innerHTML='<div id="StereoMsg"></div>';
		}
	}
	if (methodUsed ==1){
		if (SelectedImage==clickedImageNum && NORESPONSE==0){
			noNeedToPost =1;
			FINISHED = 1;
			document.getElementById(SelectedImage).className="img_bkg_mover";
		}
		else{
			//prevImage = SelectedImage;
			SelectedImage = clickedImageNum;
		}
		
	}
	else if (methodUsed ==0){
		

			if (SelectedImage>0 && clickedImageNum=='-1'){

				SelectedImage = parseInt(SelectedImage)+parseInt(''+clickedImageNum+'');
				
				
				if ((SelectedImage%IMAGEDISPLAYNUM)==IMAGEDISPLAYNUM-1){
					noNeedToPost =0;
					TheForm.action=URLPREFIX+username+'/'+folderName+'/'+Pic[SelectedImage];
					TheForm.method='POST';
					//noNeedToPost =1;
					//TheForm.showImageInfo.value=SHOWDETAIL;
					//TheForm.submit();
				}
			}
			else if ((SelectedImage<(TOTALIMAGE-1)) && clickedImageNum=='1'){
				SelectedImage = parseInt(SelectedImage)+parseInt(''+clickedImageNum+'');
				if ((SelectedImage%IMAGEDISPLAYNUM)==0){
					
					//document.getElementById(0).src = document.getElementById(prevImage).src;
					//document.getElementById(1).src = URLPREFIX+username+'/'+folderName+'/'+Pic[SelectedImage];
					noNeedToPost =0;
					TheForm.action=URLPREFIX+username+'/'+folderName+'/'+Pic[SelectedImage];
					TheForm.method='POST';
					
					///noNeedToPost =1;					
					TheForm.showImageInfo.value=SHOWDETAIL;
					//TheForm.submit();
				}				
			}
			else{
			
				//noNeedToPost =1;
				FINISHED=0;
			}
				
		
	}
	if(methodUsed == "back"){
		if(document.getElementById('imagePrev').src == backNavImg){
			noNeedToPost = 1;
		}
	}else if(methodUsed == "next"){
		if(document.getElementById('imageNext').src == nextNavImg){
			noNeedToPost = 1;
		}
	}*/
	
	if(document.getElementById("cl_"+SelectedImage)){	    	
		document.getElementById("cl_"+SelectedImage).className="Border imgDetail80";
	}
	
	clickedOn = clickedImageNum;
	
	if(Pic.length > 1){
	
	
		if(methodUsed == "back"){
			if(parseInt(document.getElementById("currentDisplayIndex").value) > 0){
				SelectedImage = parseInt(document.getElementById("currentDisplayIndex").value) - 1;
			}else{
				return false;
			}
		}else if(methodUsed == "next"){
			if(parseInt(document.getElementById("currentDisplayIndex").value) < TOTALIMAGE-1){
				SelectedImage = parseInt(document.getElementById("currentDisplayIndex").value) + 1;
			}else{
				return false;
			}
		}else{
			if(parseInt(document.getElementById("imgKey"+clickedImageNum).value) == -1 || parseInt(document.getElementById("imgKey"+clickedImageNum).value) == TOTALIMAGE){
				noNeedToPost = 1;
			}else{
				SelectedImage = parseInt(document.getElementById("imgKey"+clickedImageNum).value);
			}
		}
	}else{
		noNeedToPost = 1;
	}
	

	if (noNeedToPost==0){
		
		var str="";
		
		SelectedImage = parseInt(''+SelectedImage+'');
		/*if (document.getElementById(SelectedImage)){
			document.getElementById(SelectedImage).className="img_bkg_mover";
		}*/
		//document.getElementById('StereoTitle').innerHTML=Caption[SelectedImage];
	
		//document.getElementById('SlideShow').innerHTML = PreLoad[clickedImageNum];	
	/*	if (viewDetail){
			str= "<input type=\"image\" src=\"/stereo/Other/edit2.gif\" name=\"btnImageSubmit\" value=\"Edit Image\" onClick=\"button=this.value\">&nbsp;";
		}
		document.getElementById('ImageDetail').innerHTML = str+"";
	*/
		
	//alert(SelectedImage);
		//TheForm.elements["chkImage[" + clickedImageNum + "]"].checked =true;
		
		
		
		
		
		EXTENSION = '?ajax=1';
		
		postAction=URLPREFIX+username+'/'+folderName+'/'+Pic[SelectedImage];

		currentUserName=username;
		currentFolderName=folderName;
		
	
		AJAXLINK = postAction+EXTENSION;
		TheForm.action=postAction;
		TheForm.AJAX.value='1';
		
		
		if(CapturedDate[SelectedImage]){
			NewDate = CapturedDate[SelectedImage];
			//strNewDate = NewDate.substring(0,NewDate.indexOf(' '));
			aryDate = NewDate.split('-');
		}
	
	//	document.getElementById('modeLink').innerHTML= "<a href="+URLPREFIXBLOG+username+"/"+aryDate[0]+"/"+aryDate[1]+"/"+aryDate[2]+"/ >"+headerDisplay[6]+"</a>&nbsp;";
				
		sendRequestTextPost(AJAXLINK,postAction,TheForm);
	}
	else{
		
		if (document.getElementById(SelectedImage)){
			if (FINISHED==0){
				//document.getElementById(SelectedImage).className="img_bkg_mover";
			}
		}	
	}
	
	

}


	var http = createRequestObject();
	function createRequestObject() {
		var xmlhttp;
		try { xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); }
	  catch(e) {
	    try { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}
	    catch(f) { xmlhttp=null; }
	  }
	  if(!xmlhttp&&typeof XMLHttpRequest!="undefined") {

	  	xmlhttp=new XMLHttpRequest();
	  }
		return  xmlhttp;
	}
	
function sendRequestTextPost(AJAXLINK,postAction,TheForm) {
	
	try{

    http.open('POST', AJAXLINK);
    
   // http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

    http.onreadystatechange = handleResponseText;
		http.send(AJAXLINK);
		TheForm.action=postAction;

	}
	catch(e){

	}
	finally{
		}
	}	


var endStart = -1;

function handleResponseText() {
	
	try{
		
    if((http.readyState == 4)&& (http.status == 200)){
    	var response = http.responseText;
    	
    	var aryResp = response.split("_____");
    	var imgShow = aryResp[0];    	
    	var aryImage = aryResp[1].split("*");
    	
    	response = trim(aryImage[0]);
    	
    	
    	if(document.getElementById('reportTool')){
	    	if(imgShow == "*1"){
		    	document.getElementById('reportTool').style.display = "inline";
		    	document.getElementById('reportToolTitle').style.display = "inline";
		    }else{
			    document.getElementById('reportTool').style.display = "none";
		    	document.getElementById('reportToolTitle').style.display = "none";
			}
		}
    	
    	document.getElementById('displayMsg').style.display="none";
    	    	
    	document.getElementById('caption').style.display = "inline";
    	    	
		if (document.getElementById('imagePath')){    				
			document.getElementById('imagePath').value = HOSTPATH+PicString[SelectedImage];
			document.getElementById('imagePath2').value = "<a target='_blank' href="+HOSTPATH+currentUserName+'/'+currentFolderName+'/'+Pic[SelectedImage]+"><img border=\"0\"src=\""+URLPREFIX+PicString[SelectedImage]+"\"></a>";
			document.getElementById('imagePath3').value = "[URL="+HOSTPATH+currentUserName+'/'+currentFolderName+'/'+Pic[SelectedImage]+"][IMG]"+URLPREFIX+PicString[SelectedImage]+"[/IMG][/URL]";
		}
		
		
    //	document.getElementById('SlideShow').innerHTML = "<div id=\"ImageDetail\" class=\"admintext\">"Caption+"["+response+"]</div>";


		//document.getElementById('SlideShow').innerHTML = "<div id=\"SlideShow\"><img src=\""+URLPREFIX+"image/L/"+response+"\" name=\"SlideShow\" class=\"border\" ></div>";
		
		document.getElementById('LargeImagePath').src = URLPREFIX+"image/L/"+response;
		document.getElementById('captionField').value = Caption[SelectedImage];
		document.getElementById('StereoTitle').innerHTML = Caption[SelectedImage];
		document.getElementById('captionFieldHiddenText').value = Caption[SelectedImage];
		document.getElementById('currentDisplayIndex').value = SelectedImage;
		document.getElementById('currentDisplay').value = Pic[SelectedImage];
		
				
		if (SelectedImage==0){

			document.getElementById("prevArrow").style.display = "none";
			document.getElementById("nextArrow").style.display = "";
			
			document.getElementById("nextGrayArray").style.display = "none";
			document.getElementById("prevGrayArray").style.display = "inline";
		
			document.getElementById('imagePrev').src= backNavImg;
			document.getElementById('imageNext').src= nextNavImg;
			document.getElementById('imagePrev').style.cursor="default";
			document.getElementById('imageNext').style.cursor="pointer";
			
			document.getElementById("0").style.cursor = "default";
			document.getElementById("1").style.cursor = "pointer";
			document.getElementById("0").src = endStartImg;
	    	document.getElementById("1").src = URLPREFIX+"image/S/"+Pic[parseInt(SelectedImage)+1];
	    	
	    	document.getElementById('imgKey0').value = endStart;
			document.getElementById('imgKey1').value = parseInt(SelectedImage)+1;
			
			
			document.getElementById('cl_imagePrev').src=URLPREFIXIMAGE+'Icon/sgbackgray.gif';
			document.getElementById('cl_imageNext').src=URLPREFIXIMAGE+'Icon/sgnext.gif';
			document.getElementById('cl_imagePrev').style.cursor="default";
			document.getElementById('cl_imageNext').style.cursor="pointer";
			
			
			document.getElementById('LargeImagePath').className = "border btncursor";
			
		}
		else if (SelectedImage==TOTALIMAGE-1){
			
			document.getElementById("prevArrow").style.display = "";
			document.getElementById("nextArrow").style.display = "none";
			
			document.getElementById("nextGrayArray").style.display = "inline";
			document.getElementById("prevGrayArray").style.display = "none";
			
			
			document.getElementById('imagePrev').src=backNavImg;
			document.getElementById('imageNext').src=nextNavImg;
			document.getElementById('imageNext').style.cursor="default";
			document.getElementById('imagePrev').style.cursor="pointer";
			
			document.getElementById("0").style.cursor = "pointer";
			document.getElementById("1").style.cursor = "default";
			document.getElementById("1").src = endLastImg;
		    document.getElementById("0").src = URLPREFIX+"image/S/"+Pic[parseInt(SelectedImage)-1];		    
		    document.getElementById('imgKey1').value = TOTALIMAGE;
		    
			document.getElementById('imgKey0').value = parseInt(SelectedImage)-1;
			
			document.getElementById('LargeImagePath').className = "border";
			
			document.getElementById('cl_imagePrev').src=URLPREFIXIMAGE+'Icon/sgback.gif';
			document.getElementById('cl_imageNext').src=URLPREFIXIMAGE+'Icon/sgnextgray.gif';
			document.getElementById('cl_imageNext').style.cursor="default";
			document.getElementById('cl_imagePrev').style.cursor="pointer";
		}
		else{
			document.getElementById('imagePrev').src=backNavImg;
			
			document.getElementById('imagePrev').style.cursor="pointer";
			document.getElementById('imageNext').style.cursor="pointer";
			
			document.getElementById("prevArrow").style.display = "";
			document.getElementById("nextArrow").style.display = "";
			
			document.getElementById("nextGrayArray").style.display = "none";
			document.getElementById("prevGrayArray").style.display = "none";
		
			document.getElementById("0").style.cursor = "pointer";
			document.getElementById("1").style.cursor = "pointer";
			
			
			document.getElementById("0").src = URLPREFIX+"image/S/"+Pic[parseInt(SelectedImage)-1];
			document.getElementById("1").src = URLPREFIX+"image/S/"+Pic[parseInt(SelectedImage)+1];			
			
			document.getElementById('imgKey0').value = parseInt(SelectedImage)-1;
			document.getElementById('imgKey1').value = parseInt(SelectedImage)+1;
			
			document.getElementById('LargeImagePath').className = "border btncursor";
			
			
			document.getElementById('cl_imagePrev').src=URLPREFIXIMAGE+'Icon/sgback.gif';
			document.getElementById('cl_imageNext').src=URLPREFIXIMAGE+'Icon/sgnext.gif';
			document.getElementById('cl_imagePrev').style.cursor="pointer";
			document.getElementById('cl_imageNext').style.cursor="pointer";
		}

		funGetImageInfo(SelectedImage,THEMECOLORPATTERN);

		AJAX=true;
		NORESPONSE =0;

		updateComment(response);
		updateRate(response);
				
		if (document.getElementById("cl_"+SelectedImage) && SelectedImage < (TOTALIMAGE -1)){			
			document.getElementById("cl_"+SelectedImage).className="img_bkg_mover";
		}else{
			if(SelectedImage<(TOTALIMAGE-1)){
				document.frmImage.action=URLPREFIX+currentUserName+'/'+currentFolderName+'/'+Pic[SelectedImage];
				document.frmImage.method='POST';				
				document.frmImage.submit();				
			}
		}
	}
  	}
	catch(e){
			NORESPONSE =1;	
	}
	finally{}
}	


function navigationImage(methodUsed){
	
	var doNothing = 0;
	var absolutelyDoNothing = false;
	var slot0 = "";
	var slot1 = "";
	
	if(Pic.length == 1){
		absolutelyDoNothing = true;
	}else{
		if(methodUsed == "back"){
			
			if(document.getElementById('imagePrev').style.cursor=="default"){							
				doNothing = 1;
			}else{
				
				if(document.getElementById('imgKey0').value == 0){
					slot0 = -1;
					slot1 = 0;
				}else{
					if((parseInt(document.getElementById('imgKey0').value) - 1) == 0){													
						
						if(parseInt(document.getElementById("currentDisplayIndex").value) == 0){
							slot0 = -1;
						}else{
							slot0 = 0;
						}
						
						slot1 = 1;
					}else{
						if((parseInt(document.getElementById('imgKey0').value) - 1) == parseInt(document.getElementById("currentDisplayIndex").value)){
							slot0 = parseInt(document.getElementById('imgKey0').value) - 2;
							slot1 = parseInt(document.getElementById('imgKey1').value) - 1;	
						}else if((parseInt(document.getElementById('imgKey1').value) - 1) == parseInt(document.getElementById("currentDisplayIndex").value)){
							slot0 = parseInt(document.getElementById('imgKey0').value) - 1;
							slot1 = parseInt(document.getElementById('imgKey1').value) - 2;
						}else{
							slot0 = parseInt(document.getElementById('imgKey0').value) - 1;
							slot1 = parseInt(document.getElementById('imgKey1').value) - 1;
						}
					}					
				}
			}
		}else{
			
			if(document.getElementById('imageNext').style.cursor == "default"){
				doNothing = 1;
			}else{
				if(document.getElementById('imgKey1').value == TOTALIMAGE -1){
					slot0 = parseInt(TOTALIMAGE) - 1;
					slot1 = parseInt(TOTALIMAGE);
				}else{
					if((parseInt(document.getElementById('imgKey1').value)+1) == TOTALIMAGE - 1){					
						slot0 = parseInt(TOTALIMAGE) -2;
												
						if(parseInt(document.getElementById("currentDisplayIndex").value) == TOTALIMAGE-1){
							slot1 = parseInt(TOTALIMAGE);
						}else{
							slot1 = parseInt(TOTALIMAGE) -1;
						}
					}else{
						
						if((parseInt(document.getElementById('imgKey0').value) + 1) == parseInt(document.getElementById("currentDisplayIndex").value)){
							slot0 = parseInt(document.getElementById('imgKey0').value) + 2;
							slot1 = parseInt(document.getElementById('imgKey1').value) + 1;	
						}else if((parseInt(document.getElementById('imgKey1').value) + 1) == parseInt(document.getElementById("currentDisplayIndex").value)){
							slot0 = parseInt(document.getElementById('imgKey0').value) + 1;
							slot1 = parseInt(document.getElementById('imgKey1').value) + 2;
						}else{
							slot0 = parseInt(document.getElementById('imgKey0').value) + 1;
							slot1 = parseInt(document.getElementById('imgKey1').value) + 1;
						}
						
						
					}
				}
			}			
		}
	}
	
	
	if(doNothing == 0 && absolutelyDoNothing == false){
		
		document.getElementById('imgKey0').value = slot0;
		document.getElementById('imgKey1').value = slot1;
		
		if (slot1 == 0 || slot0 == -1 ){

			if(slot0 == -1){
				document.getElementById("0").style.cursor = "default";
				document.getElementById("0").src = endStartImg;
			}else{
				document.getElementById("0").style.cursor = "pointer";
				document.getElementById("0").src = URLPREFIX+"image/S/"+Pic[0];
			}
			
	    	document.getElementById("1").src = URLPREFIX+"image/S/"+Pic[slot1];		    	
	    	document.getElementById("1").style.cursor = "pointer";
				
		}else if (slot0==TOTALIMAGE-1 ||slot1 == TOTALIMAGE){
				
			if(slot1 == TOTALIMAGE){
				document.getElementById("1").style.cursor = "default";
				document.getElementById("1").src = endLastImg;
			}else{
				document.getElementById("1").style.cursor = "pointer";				
			}
			
			document.getElementById("0").style.cursor = "pointer";
		    document.getElementById("0").src = URLPREFIX+"image/S/"+Pic[slot0];		    
		}
		else{
			document.getElementById("prevArrow").style.display = "";
			document.getElementById("nextArrow").style.display = "";
			
			document.getElementById("nextGrayArray").style.display = "none";
			document.getElementById("prevGrayArray").style.display = "none";
			
			document.getElementById('imagePrev').style.cursor="pointer";
			document.getElementById('imageNext').style.cursor="pointer";
							
			document.getElementById("0").src = URLPREFIX+"image/S/"+Pic[slot0];
			document.getElementById("1").src = URLPREFIX+"image/S/"+Pic[slot1];
			
			document.getElementById("0").style.cursor = "pointer";
			document.getElementById("1").style.cursor = "pointer";
			
		}
			
	}
	
	if(slot0 == -1 && absolutelyDoNothing == false){
		document.getElementById("0").style.cursor = "default";
		
		document.getElementById("prevArrow").style.display = "none";
		document.getElementById("nextArrow").style.display = "";
		
		document.getElementById("nextGrayArray").style.display = "none";
		document.getElementById("prevGrayArray").style.display = "inline";
		
		document.getElementById('imagePrev').src= backNavImg
		document.getElementById('imageNext').src=nextNavImg;
		document.getElementById('imagePrev').style.cursor="default";
		document.getElementById('imageNext').style.cursor="pointer";
	}
	
	if(slot1 == TOTALIMAGE && absolutelyDoNothing == false){
		document.getElementById("1").style.cursor = "default";
		document.getElementById("prevArrow").style.display = "";
		document.getElementById("nextArrow").style.display = "none";
		
		document.getElementById("nextGrayArray").style.display = "inline";
		document.getElementById("prevGrayArray").style.display = "none";
		
		document.getElementById('imagePrev').src=backNavImg;
		document.getElementById('imageNext').src=nextNavImg;
		document.getElementById('imageNext').style.cursor="default";
		document.getElementById('imagePrev').style.cursor="pointer";
	}
					
}


function rotateImage(TheForm,username,folderName,angle){
	
	if(document.getElementById('blackLayer').style.visibility == "hidden"){
		
		EXTENSION = '?ajax=2&angle='+angle;
	
		postAction=URLPREFIX+username+'/'+folderName+'/'+Pic[SelectedImage];
		AJAXLINK = postAction+EXTENSION;
		TheForm.action=postAction;
	
		TheForm.AJAX.value='2';
	
		sendRequestRotatePost(AJAXLINK,postAction,TheForm);
	}
}


function sendRequestRotatePost(AJAXLINK,postAction,TheForm) {
	try{

    http.open('POST', AJAXLINK);
    http.onreadystatechange = handleResponseRotateText;
		http.send(AJAXLINK);
		TheForm.action=postAction;
	
		document.getElementById('WaitingIcon').innerHTML = "<div id=\"WaitingIcon\" class=\"Border\"><img src=\""+URLPREFIXIMAGE+"default/Loading/process.gif\"><img src=\""+URLPREFIXIMAGE+"default/Lang/"+LANG+"/processing_"+LANG+".gif\" name=\"SlideShow\"  ></div>";
		document.getElementById('WaitingIcon').style.visibility='visible';
		document.getElementById('rotateLeft').style.visibility="hidden";
		document.getElementById('rotateRight').style.visibility="hidden";
		
		document.getElementById('optImage').style.visibility='hidden';
		document.getElementById('optItem').style.visibility='hidden';	
		document.getElementById('WaitingIconZIndex').style.display="";		
		if (IE){
			document.getElementById('WaitingIconZIndex').style.left = (document.body.clientWidth-300)/2;
			document.getElementById('WaitingIconZIndex').style.top = document.body.scrollTop+(document.body.clientHeight/2);
		}
		else{			
			document.getElementById('WaitingIconZIndex').style.left = (window.innerWidth-300)/2;
			document.getElementById('WaitingIconZIndex').style.top = window.pageYOffset+(window.innerHeight/2);
		}		
		
		if (!IE){
			document.body.style.overflow='hidden';
		}
		
	    document.getElementById('blackLayer').style.top = 0;
    	document.getElementById('blackLayer').style.left = document.body.scrollLeft;
	    document.getElementById('blackLayer').style.width = document.body.clientWidth;
    	document.getElementById('blackLayer').style.height = document.body.scrollHeight;					
		document.getElementById('blackLayer').style.visibility='visible';	
	}
	catch(e){

	}
	finally{
		
		}
	}
	
function handleResponseRotateText() {
	
	try{
	    if((http.readyState == 4) && (http.status == 200)){
	    	var response = http.responseText;

			var ran_number= Math.random()*5;
			document.getElementById('WaitingIcon').innerHTML = "";
			document.getElementById('WaitingIcon').style.visibility='hidden';	
			document.getElementById('SlideShow').innerHTML = "<img src=\""+URLPREFIX+"image/L/"+response+"?"+ran_number+"\" name=\"SlideShow\" class=\"border\" id='LargeImagePath'>";			
		}
	}
	catch(e){

	}
	finally{		
		document.getElementById('optItem').style.visibility='visible';			
		document.getElementById('rotateLeft').style.visibility="visible";
		document.getElementById('rotateRight').style.visibility="visible";
		document.getElementById('WaitingIconZIndex').style.display="none";
		document.getElementById('blackLayer').style.visibility='hidden';
		if (!IE){
			document.body.style.overflow='visible';
		}
	}	
}

var IE = document.all?true:false;

function cartNotEmpty(){
	document.getElementById('showCart').style.visibility = "visible";
	document.getElementById('showCart').style.display = "inline";
	document.getElementById('emptyCart').style.visibility = "hidden";
	document.getElementById('emptyCart').style.display = "none";
}

var div = "";
var types = "";
var origColor = "";
var origOpacity = "";
var origFilter = "";
var imgCount = 0;


function addConfirmation(imageCount, type){
	var ele = "";	
			
	types = type;	
	div = "imageId";
	ele = document.getElementById("imageId").style;
	
	origColor = ele.color;
	origOpacity = ele.opacity;
	origFilter = ele.filter;
	
	ele.color =  "black";
    ele.opacity = .20;
	ele.filter = "Alpha(Opacity=50)"; 
	ele.cursor = "default";		
		
	document.getElementById('SCselect').style.visibility = "hidden";		
	if(document.getElementById('optImageDiv')){
		document.getElementById('optImageDiv').style.visibility = "hidden";
	}
	
	document.getElementById("waitingProcess").style.visibility = "hidden";								
	document.getElementById("waitingProcess").style.display = "none";	
	
	document.getElementById("continueToCart").style.visibility = "visible";								
	document.getElementById("continueToCart").style.display = "inline";
	document.getElementById("continueToCart").style.left = (document.body.clientWidth-400)/2;
	document.getElementById("continueToCart").style.top = document.body.scrollTop+(document.body.clientHeight/4);;								
	
	document.getElementById("autoClose").innerHTML = cartConfirmDisplay[1]+" "+secs+" "+cartConfirmDisplay[2];									
	InitializeTimer();	
	
}

var secs=0;
var timerID = null;
var timerRunning = true;
var delay = 1000;

function InitializeTimer(){  
  secs = 7;
  timerRunning = true;
  StartTheTimer();
}

function StopTheClock(){
  if (timerRunning){
    clearTimeout(timerID);
    timerRunning = false;
  }
}

function StartTheTimer()
{
  if (secs==0){
    secs = 7;
    hideConfirm();
  }
  
  secs = secs - 1;
  document.getElementById("autoClose").innerHTML = cartConfirmDisplay[1]+" "+secs+" "+cartConfirmDisplay[2];	
  
  if (timerRunning){
    timerID = self.setTimeout("StartTheTimer()", delay);
  }
}


function hideConfirm(){
	
	StopTheClock();	
	
	var ele = "";
	
	ele = document.getElementById("imageId").style;
	ele.color =  origColor;
    ele.opacity = origOpacity;      		
	ele.filter = origFilter; 
    
	
	document.getElementById('SCselect').style.visibility = "visible";			
	if(document.getElementById('optImageDiv')){
		document.getElementById('optImageDiv').style.visibility = "visible";
	}
	
	document.getElementById('blackLayer').style.visibility = "hidden";				
	document.body.style.overflow = "auto";	
	
	document.getElementById("continueToCart").style.visibility = "hidden";								
	document.getElementById("continueToCart").style.display = "none";
	document.getElementById("autoClose").value = "";	
}


function imgClickable(TheForm, actionStr, methodStr){
	
	if (document.getElementById('blackLayer').style.visibility == "hidden"){
		TheForm.action = actionStr;
		TheForm.method = methodStr;		
		TheForm.submit();
	}				
}

function addImage(){	
	addToCart(Pic[SelectedImage], 'image', 1);
}


function removeCartClone(){
	Element.remove(cloneEle);
	cloneEle = null;
}



function addToCart(theValue, type, numberOfImage){
	
	var URL= URLPREFIX+'album.addcart';
	var response= "";
	var username = loginUname;
	var optSize = ""; 	
	var optItem = ""; 	
	var addValue = "";	
	
	addValue = theValue; 
	optSize = document.getElementById('optItem');						
	optItem = optSize.options[optSize.selectedIndex].value;;
	
	if(addValue != " "){
	var options = { method: 'post',
					parameters:{user:username, addValue:addValue, optItem:optItem, type:type},
					onSuccess: function(transport){
						response = transport.responseText || "no response text";
	                    
						var respString = response.split("|");
						
	                    document.getElementById('cartCount').innerHTML = "<b>"+respString[2]+"</b> "+cartDisplay[0];
	                    
	                    if(document.getElementById('emptyCart').style.visibility == "visible"){	                    
	                    	document.getElementById('emptyCart').style.visibility = "hidden";
	                    	document.getElementById('emptyCart').style.display = "none";
	                    	document.getElementById('showCart').style.visibility = "visible";
	                    	document.getElementById('showCart').style.display = "inline";document.getElementById('viewCartLink').style.visibility = "visible";
	                    	document.getElementById('viewCartLink').style.display = "inline";	                    	
	                   	}
	                   	
	                   	if(respString[0] == "0")	                   	
	                   		document.getElementById('addToCartMSG1').innerHTML = cartDisplay[2];	                   		
	                   	else
	                   		document.getElementById('addToCartMSG2').innerHTML = respString[0]+"</b> "+cartDisplay[1];
						
	                   	
	                   	addConfirmation(totalImageCount, type, colorPattern);	                   		                   	
					},
					onFailure: function(){
						if(document.getElementById('emptyCart').style.visibility == "visible"){	                    
	                    	document.getElementById('emptyCart').style.visibility = "hidden";
	                    	document.getElementById('emptyCart').style.display = "none";
	                    	document.getElementById('showCart').style.visibility = "visible";
	                    	document.getElementById('showCart').style.display = "inline";
	                    	document.getElementById('viewCartLink').style.visibility = "visible";
	                    	document.getElementById('viewCartLink').style.display = "inline";
	                   	}
	                   	
	                   	document.getElementById('addToCartMSG1').innerHTML = cartDisplay[2];						
	                   	addConfirmation(totalImageCount, type, colorPattern);	                   	
	                   	
					}
	};
		
	new Ajax.Request(URL, options); 
	}
}

function init(){
	
	var disabledAll = false;	
	
	if(Pic.length == 1){
		document.getElementById("nextGrayArray").style.display = "inline";
		document.getElementById("prevGrayArray").style.display = "inline";
		document.getElementById("0").src = endStartImg;
		document.getElementById("1").src = endLastImg;
		document.getElementById("0").style.cursor = "default";
		document.getElementById("1").style.cursor = "default";
		document.getElementById('imageNext').style.cursor="default";
		document.getElementById('imagePrev').style.cursor="default";
	}else{
	
		for (imageNum in Pic){
		
			if(currentDisplay == Pic[imageNum]){
				
				found = true;
				document.getElementById('currentDisplayIndex').value = imageNum;
				document.getElementById('currentDisplay').value = Pic[imageNum];
				
				if(imageNum == 0){
					
					document.getElementById("0").src = endStartImg;
					document.getElementById(1).src=URLPREFIX+'image/S/'+Pic[parseInt(imageNum)+1];						
					document.getElementById('imgKey0').value = -1;
					document.getElementById('imgKey1').value = parseInt(imageNum) + 1;
					
				
				}else if(currentDisplay == Pic[parseInt(TOTALIMAGE)-1]){
					found = true;			
					document.getElementById("1").src = endLastImg;
					document.getElementById(0).src=URLPREFIX+'image/S/'+Pic[parseInt(TOTALIMAGE)-2];	
					
					document.getElementById('imgKey0').value = parseInt(imageNum) - 1;				
					document.getElementById('imgKey1').value = parseInt(TOTALIMAGE);
					
				}else{
					
					document.getElementById('imagePrev').src=backNavImg;
					document.getElementById('imageNext').src=nextNavImg;
					document.getElementById('imagePrev').style.cursor="pointer";
					document.getElementById('imageNext').style.cursor="pointer";
					
					document.getElementById("0").style.cursor = "pointer";
					document.getElementById("1").style.cursor = "pointer";
					document.getElementById(0).src=URLPREFIX+'image/S/'+Pic[parseInt(imageNum)-1];	
					document.getElementById(1).src=URLPREFIX+'image/S/'+Pic[parseInt(imageNum)+1];						
					document.getElementById('imgKey0').value = parseInt(imageNum) - 1;
					document.getElementById('imgKey1').value = parseInt(imageNum) + 1;
					
				}
			}
		
		}
		
		if(Pic.length == 1){
			disabledAll = true;
			
			document.getElementById("0").src = endStartImg;
			document.getElementById("1").src = endLastImg;
			
			document.getElementById('imagePrev').src=backNavImg;
			document.getElementById('imageNext').src=nextNavImg;			
			
			document.getElementById("0").style.cursor = "default";
			document.getElementById("1").style.cursor = "default";
			document.getElementById('imageNext').style.cursor="default";
			document.getElementById('imagePrev').style.cursor="default";
		}
		
		if(found == false){		
			
			document.getElementById("0").src = endStartImg;
			
			document.getElementById(1).src=URLPREFIX+'image/S/'+Pic[0];		
			document.getElementById('currentDisplayIndex').value = 0;	
			
			document.getElementById('imgKey0').value = -1;
			document.getElementById('imgKey1').value = 1;		
		}	
	
		if(parseInt(document.getElementById("imgKey0").value) == -1 && disabledAll == false){
			document.getElementById("0").style.cursor = "default";
			
			document.getElementById("prevArrow").style.display = "none";
			document.getElementById("nextArrow").style.display = "";
			
			document.getElementById("nextGrayArray").style.display = "none";
			document.getElementById("prevGrayArray").style.display = "inline";
			
			document.getElementById('imagePrev').src=backNavImg;
			document.getElementById('imageNext').src=nextNavImg;
			document.getElementById('imagePrev').style.cursor="default";
			document.getElementById('imageNext').style.cursor="pointer";		
		}
		
		if(parseInt(document.getElementById("imgKey1").value) == TOTALIMAGE && disabledAll == false){
			document.getElementById("1").style.cursor = "default";
			document.getElementById("prevArrow").style.display = "";
			document.getElementById("nextArrow").style.display = "none";
			
			document.getElementById("nextGrayArray").style.display = "inline";
			document.getElementById("prevGrayArray").style.display = "none";		
			
			document.getElementById('imagePrev').src=backNavImg;
			document.getElementById('imageNext').src=nextNavImg;
			document.getElementById('imagePrev').style.cursor="pointer";
			document.getElementById('imageNext').style.cursor="default";
		}
	}
	
	
}

function funGetImageInfo(showImageNum,colorPattern){
	
	var imageDESCDetail="";
	var tagHTML = "";
	
	
	THEMECOLORPATTERN = colorPattern;
	if (AJAX==true){
	 showImageNum=SelectedImage;
 	}
	showImageNum = (showImageNum>0)?showImageNum:0;
	SHOWDETAIL=1;
		
	if(Desc[showImageNum].length > 0 ){		
		document.getElementById('txtDescription').innerHTML = Desc[showImageNum];
	}else{
		document.getElementById('txtDescription').innerHTML = "";
	}
	
	document.getElementById('txtResolutionInfo').innerHTML = ImageWidth[showImageNum]+" x "+ImageHeight[showImageNum]+ " "+headerDisplay[5];
	document.getElementById('txtFilesizeInfo').innerHTML = fileSize[showImageNum];
	document.getElementById('txtcapturedDateInfo').innerHTML = CapturedDate[showImageNum];
	document.getElementById('txtUploadDateInfo').innerHTML = UploadDate[showImageNum];
	document.getElementById('txtOwnerNameInfo').innerHTML = Owner[showImageNum];
	document.getElementById('txtOwnerNameInfo').innerHTML = Owner[showImageNum];
		
	var tagList = Tag[showImageNum].split(",");
	var tagEncList = TagEnc[showImageNum].split(",");
	var tagCodeList = TagCode[showImageNum].split(",");
	
	if(tagList.length > 1 ){
		
		for(var i=0; i<tagList.length-1; i++){
			
			if(i > 0){
				tagHTML += ", ";
			}				
			if(tagList[i].length > 0){					
		
				tagHTML += "<a href='"+URLPREFIX+"explore?m=tag&v="+tagCodeList[i]+"&c="+tagList[i]+"' >"+tagList[i]+"</a>";
			}
		}
		if(document.getElementById('tagTitle')){
			document.getElementById('tagTitle').style.visibility = "visible";
		}
	}else{
		if(document.getElementById('tagTitle')){
			document.getElementById('tagTitle').style.visibility = "hidden";
		}
	}
	if(document.getElementById("txtTag")){
		document.getElementById('txtTag').innerHTML = tagHTML;		
	}
}

function checkReport(TheForm,reasonCount){
		
	if(document.getElementById("vcode").value == "" || document.getElementById("vcode").value.length<3){
		alert(ReportMsg[4]);
		document.getElementById("codeErr").style.display = "inline";
		document.getElementById("vcode").focus();		
		return false;
	}else{
		return true;
	}
	
}

function regenCode(){
	
	var randomnumber=Math.floor(Math.random()*100)
	
	document.getElementById('vcode').value ="";
	document.getElementById("codeErr").style.display = "none";
	
	document.getElementById("verifyImg").src = URLPREFIXCART+"account/verifyimage?"+randomnumber;
	document.getElementById('vcode').focus();
}

function reportPhoto(){
		
	document.getElementById("codeErr").style.display = "none";
	document.getElementById("vcode").value = "";	
		 
	document.body.style.overflow = "hidden";
	document.getElementById('blackLayer').style.top = 0;
	document.getElementById('blackLayer').style.left = document.body.scrollLeft;
	document.getElementById('blackLayer').style.width = document.body.clientWidth;
	document.getElementById('blackLayer').style.height = document.body.scrollHeight;					
	document.getElementById('blackLayer').style.visibility = "visible";		
	document.getElementById('blackLayer').style.zIndex="10";
	
	regenCode();
	
	document.getElementById('optItem').style.visibility = "hidden";

	if (IE){
		document.getElementById('reportDiv').style.left = (document.body.clientWidth-400)/2;
		document.getElementById('reportDiv').style.top = document.body.scrollTop+(document.body.clientHeight/5);
	}
	else{			
		document.getElementById('reportDiv').style.left = (window.innerWidth-400)/2;
		document.getElementById('reportDiv').style.top = window.pageYOffset+(window.innerHeight/5);			
	}	
	document.getElementById('reportDiv').style.display="inline";	
	
	
}

function confirmReport(loginUsername, TheForm, reasonCount){
	
	var reportResult = false;
	
	
	var continueReport = checkReport(TheForm, reasonCount);
	if(continueReport){
		
		var URL= URLPREFIX+'image.report';	
		
		var banPhoto = document.getElementById('currentDisplay').value;
		var vcode = document.getElementById('vcode').value;
		var reason = "";
		var from = "image";

		for(var i=1; i<=reasonCount; i++){
			if(TheForm.elements['reason['+i+']'].checked){
				reason += "1";				
			}else{
				reason += "0";
			}
		}
		
		
		
		if(loginUsername.length >0){
			var options = { method: 'post',
						parameters:{requestUser:loginUsername, image:banPhoto, reason:reason, from:from, vcode:vcode},
						onSuccess: function(transport){
							response = transport.responseText || "-1";							
			
							var strDisplay = "<img src='"+ReportMsg[0]+"' align='absmiddle' /> ";
							
							if(response == "-2"){
								document.getElementById("codeErr").style.display = "inline";								
								document.getElementById('vcode').focus();
								document.getElementById('vcode').select();
							}else{
								if(response == "-1" ){
									strDisplay += ReportMsg[3];	
								}else{
								 
									var aryResp = response.split("|");
									
									
									if(aryResp[0] && parseInt(aryResp[0])>0){
										strDisplay +=  ReportMsg[1];
									}
									
									if(aryResp[1] && parseInt(aryResp[1])>0){
										strDisplay += ReportMsg[7]+aryResp[1]+ReportMsg[6]+ReportMsg[8];
									}
									
									if(aryResp[2] && parseInt(aryResp[2])>0){
										if(aryResp[2]==1){
											strDisplay += ReportMsg[5]+ReportMsg[9];
										}else{
											strDisplay += ReportMsg[5]+aryResp[2]+ReportMsg[6];
										}
									}		
								}				
					
								for(var i=1; i<=reasonCount; i++){
									if(TheForm.elements['reason['+i+']'].checked){					
										reason += "1";
										TheForm.elements['reason['+i+']'].checked = false;
									}else{
										reason += "0";
									}
								}
								
								
								document.getElementById('displayMsg').innerHTML = strDisplay;
								
								document.getElementById('blackLayer').style.visibility="hidden";
								document.getElementById('reportDiv').style.display="none";		
								document.getElementById('optItem').style.visibility = "visible";							
								document.getElementById('displayMsg').style.display = "block";
								document.body.style.overflow = "auto";
							
							}
							
						},
						onFailure: function(){						
							document.getElementById('blackLayer').style.visibility="hidden";
							document.getElementById('reportDiv').style.display="none";								
							document.getElementById('displayMsg').innerHTML = "<img src='"+headerDisplay[17]+"' align='absmiddle' /> "+headerDisplay[19];
							document.getElementById('optItem').style.visibility = "visible";
							document.getElementById('displayMsg').style.display = "block";	
							document.body.style.overflow = "auto";					
						}
					};
			new Ajax.Request(URL, options); 
		}	
	}		
}

function closeReport(TheForm, reasonCount){
	var reason = "";	
	for(var i=1; i<=reasonCount; i++){
		if(TheForm.elements['reason['+i+']'].checked){
			reason += i+",";
			TheForm.elements['reason['+i+']'].checked = false;
		}
	}
	
	document.getElementById("codeErr").style.display = "none";
	document.getElementById("vcode").value = "";
	
	document.getElementById('blackLayer').style.visibility="hidden";
	document.getElementById('optItem').style.visibility = "visible";
	document.getElementById('reportDiv').style.display="none";								
	document.body.style.overflow = "auto";	
}


function funGetImageClassic(viewDetail,clickedImageNum,TheForm,username,folderName,methodUsed){
	var noNeedToPost=0;//checking for ajax post is required
	var FINISHED = 0;
	
	
	if (document.getElementById("cl_"+ClassicSelectedImage) && ClassicSelectedImage < (TOTALIMAGE - 1)){
		document.getElementById("cl_"+ClassicSelectedImage).className="Border imgDetail80";
	}
	
	if (document.getElementById('StereoMsg')){
		if (document.getElementById('StereoMsg').innerHTML!=''){
			document.getElementById('StereoMsg').innerHTML='<div id="StereoMsg"></div>';
		}
	}
	
	
	if (methodUsed ==1){
		if (ClassicSelectedImage==clickedImageNum && NORESPONSE==0){
			noNeedToPost =1;
			FINISHED = 1;
			document.getElementById("cl_"+ClassicSelectedImage).className="img_bkg_mover";
		}
		else{
			ClassicSelectedImage = clickedImageNum;
		}
	}
	else if (methodUsed ==0){
		

			if (ClassicSelectedImage>0 && clickedImageNum=='-1'){

				ClassicSelectedImage = parseInt(ClassicSelectedImage)+parseInt(''+clickedImageNum+'');
				if ((ClassicSelectedImage%IMAGEDISPLAYNUMCLASSIC)==IMAGEDISPLAYNUMCLASSIC-1){
					TheForm.action=URLPREFIX+username+'/'+folderName+'/'+Pic[ClassicSelectedImage];
					TheForm.method='POST';
					noNeedToPost =1;
					TheForm.showImageInfo.value=SHOWDETAIL;
					TheForm.submit();
				}
			}
			else if ((ClassicSelectedImage<(TOTALIMAGE-1)) && clickedImageNum=='1'){
				ClassicSelectedImage = parseInt(ClassicSelectedImage)+parseInt(''+clickedImageNum+'');
				if ((ClassicSelectedImage%IMAGEDISPLAYNUMCLASSIC)==0){
					TheForm.action=URLPREFIX+username+'/'+folderName+'/'+Pic[ClassicSelectedImage];
					TheForm.method='POST';
					noNeedToPost =1;
					TheForm.showImageInfo.value=SHOWDETAIL;
					TheForm.submit();
				}				
			}
			else{
				noNeedToPost =1;
				FINISHED=0;
			}				
	}
	

	if (noNeedToPost==0){
		
		var str="";				
		ClassicSelectedImage = parseInt(''+ClassicSelectedImage+'');
		if(document.getElementById("cl_"+ClassicSelectedImage)){
			document.getElementById("cl_"+ClassicSelectedImage).className="img_bkg_mover";
		}
		
		EXTENSION = '?ajax=3';		
		postAction=URLPREFIX+username+'/'+folderName+'/'+Pic[ClassicSelectedImage];		
		AJAXLINK = postAction+EXTENSION;		
		TheForm.action=postAction;
		TheForm.AJAX.value='1';
	
		NewDate = CapturedDate[ClassicSelectedImage];	
		aryDate = NewDate.split('-');
				
		sendClassicRequestTextPost(AJAXLINK,postAction,TheForm);
	}
	else{
		
		if (document.getElementById(ClassicSelectedImage)){
			if (FINISHED==0){
				document.getElementById(ClassicSelectedImage).className="img_bkg_mover";
			}
		}	
	}
}

	
function sendClassicRequestTextPost(AJAXLINK,postAction,TheForm) {
	try{
    	http.open('POST', AJAXLINK);    
    	http.onreadystatechange = handleClassicResponseText;
		http.send(AJAXLINK);
		TheForm.action=postAction;
	}catch(e){
	}finally{}
}

function handleClassicResponseText() {
	
	try{
		
		if((http.readyState == 4)&& (http.status == 200)){
		
			var response = http.responseText;		
			
			//document.getElementById('SlideShow').innerHTML = "<div id=\"SlideShow\"><img src=\""+URLPREFIX+"image/L/"+response+"\" name=\"SlideShow\" class=\"border\" ></div>";
			document.getElementById('captionField').value = Caption[ClassicSelectedImage];
			document.getElementById('captionFieldHiddenText').value = Caption[ClassicSelectedImage];
			
			if (document.getElementById('imagePath')){    				
				document.getElementById('imagePath').value = HOSTPATH+PicString[ClassicSelectedImage];
				document.getElementById('imagePath2').value = "<a target='_blank' href="+HOSTPATH+currentUserName+'/'+currentFolderName+'/'+Pic[ClassicSelectedImage]+"><img border=\"0\"src=\""+URLPREFIX+PicString[ClassicSelectedImage]+"\"></a>";
				document.getElementById('imagePath3').value = "[URL="+HOSTPATH+currentUserName+'/'+currentFolderName+'/'+Pic[ClassicSelectedImage]+"][IMG]"+URLPREFIX+PicString[ClassicSelectedImage]+"[/IMG][/URL]";
			}
			
			
			document.getElementById('LargeImagePath').src = URLPREFIX+"image/L/"+response;			
			document.getElementById('currentDisplay').value = Pic[ClassicSelectedImage];			
			document.getElementById('currentDisplayIndex').value = ClassicSelectedImage;			
			SelectedImage = ClassicSelectedImage;
			
			if (ClassicSelectedImage==0){
				document.getElementById('cl_imagePrev').src=URLPREFIXIMAGE+'Icon/sgbackgray.gif';
				document.getElementById('cl_imageNext').src=URLPREFIXIMAGE+'Icon/sgnext.gif';
				document.getElementById('cl_imagePrev').style.cursor="default";
				document.getElementById('cl_imageNext').style.cursor="pointer";
				
				
				document.getElementById("prevArrow").style.display = "none";
				document.getElementById("nextArrow").style.display = "";
				
				document.getElementById("nextGrayArray").style.display = "none";
				document.getElementById("prevGrayArray").style.display = "inline";
			
				document.getElementById('imagePrev').src= backNavImg;
				document.getElementById('imageNext').src= nextNavImg;
				document.getElementById('imagePrev').style.cursor="default";
				document.getElementById('imageNext').style.cursor="pointer";
				
				document.getElementById("0").style.cursor = "default";
				document.getElementById("1").style.cursor = "pointer";
				document.getElementById("0").src = endStartImg;
		    	document.getElementById("1").src = URLPREFIX+"image/S/"+Pic[parseInt(ClassicSelectedImage)+1];
		    	
		    	document.getElementById('imgKey0').value = endStart;
				document.getElementById('imgKey1').value = parseInt(ClassicSelectedImage)+1;
				
				document.getElementById('LargeImagePath').className = "border btncursor";
							
			}
			else if (ClassicSelectedImage==TOTALIMAGE-1){
				document.getElementById('cl_imagePrev').src=URLPREFIXIMAGE+'Icon/sgback.gif';
				document.getElementById('cl_imageNext').src=URLPREFIXIMAGE+'Icon/sgnextgray.gif';
				document.getElementById('cl_imageNext').style.cursor="default";
				document.getElementById('cl_imagePrev').style.cursor="pointer";
				
				document.getElementById("prevArrow").style.display = "";
				document.getElementById("nextArrow").style.display = "none";
				
				document.getElementById("nextGrayArray").style.display = "inline";
				document.getElementById("prevGrayArray").style.display = "none";
				
				
				document.getElementById('imagePrev').src=backNavImg;
				document.getElementById('imageNext').src=nextNavImg;
				document.getElementById('imageNext').style.cursor="default";
				document.getElementById('imagePrev').style.cursor="pointer";
				
				document.getElementById("0").style.cursor = "pointer";
				document.getElementById("1").style.cursor = "default";
				document.getElementById("1").src = endLastImg;
			    document.getElementById("0").src = URLPREFIX+"image/S/"+Pic[parseInt(ClassicSelectedImage)-1];		    
			    document.getElementById('imgKey1').value = TOTALIMAGE;
			    
				document.getElementById('imgKey0').value = parseInt(ClassicSelectedImage)-1;
				document.getElementById('LargeImagePath').className = "border";
			}
			else{
				document.getElementById('cl_imagePrev').src=URLPREFIXIMAGE+'Icon/sgback.gif';
				document.getElementById('cl_imageNext').src=URLPREFIXIMAGE+'Icon/sgnext.gif';
				document.getElementById('cl_imagePrev').style.cursor="pointer";
				document.getElementById('cl_imageNext').style.cursor="pointer";
				
				
				document.getElementById('imagePrev').src=backNavImg;
			
				document.getElementById('imagePrev').style.cursor="pointer";
				document.getElementById('imageNext').style.cursor="pointer";
				
				document.getElementById("prevArrow").style.display = "";
				document.getElementById("nextArrow").style.display = "";
				
				document.getElementById("nextGrayArray").style.display = "none";
				document.getElementById("prevGrayArray").style.display = "none";
			
				document.getElementById("0").style.cursor = "pointer";
				document.getElementById("1").style.cursor = "pointer";
				
				
				document.getElementById("0").src = URLPREFIX+"image/S/"+Pic[parseInt(ClassicSelectedImage)-1];
				document.getElementById("1").src = URLPREFIX+"image/S/"+Pic[parseInt(ClassicSelectedImage)+1];			
				
				document.getElementById('imgKey0').value = parseInt(ClassicSelectedImage)-1;
				document.getElementById('imgKey1').value = parseInt(ClassicSelectedImage)+1;
				
				document.getElementById('LargeImagePath').className = "border btncursor";
				
			}
			
			
			funGetImageInfo(ClassicSelectedImage,THEMECOLORPATTERN);
			
		
			//if (SHOWDETAIL==1){
			//	showDetail(ClassicSelectedImage,THEMECOLORPATTERN);
			//}
			AJAX=true;
			NORESPONSE =0;
			
			
			updateComment(response);	
			updateRate(response);
		}
	}
	catch(e){
			NORESPONSE =1;	
	}
	finally{}
}

function switchNavigateMode(mode){
	
	if(mode == 2){
		for(var i=0;i<Pic.length;i++){
			if(i>=lowerLim && i<=higherLim){
				document.getElementById('cl_'+i).src = URLPREFIX+"image/S/"+Pic[i];
			}
		}
		
		document.getElementById('imageClassicToolDiv').style.display = "inline";
		document.getElementById('imageToolDiv').style.display = "none";
		document.getElementById('navMode').value = "2";		
	}else{
		document.getElementById('imageClassicToolDiv').style.display = "none";
		document.getElementById('imageToolDiv').style.display = "inline";
		document.getElementById('navMode').value = "1";
	}
}