var catEnName =new Array();
var catChName =new Array();

catEnName[0]="Campus";
catEnName[1]="Community";
catEnName[2]="Outdoor";
catEnName[3]="Connecticut";
catEnName[4]="Misc";

catChName[0]="校园风光";
catChName[1]="社区活动";
catChName[2]="户外活动";
catChName[3]="康州风情";
catChName[4]="其他";

var catLength=catEnName.length;

var moreWidth=700;
var moreTitleHeight=35;
var sliceWidth=135;
var sliceHeight=120;
var sliceTitleHeight=35;
var morePicSize=120;
var moreRows=4;
var moreCols=5;

var expMins = 1;
var exptime = new Date(); 
exptime.setTime(exptime.getTime() + (expMins*60*1000));

function getCookieVal (offset) {  
var endstr = document.cookie.indexOf (";", offset);  
if (endstr == -1)    
endstr = document.cookie.length;  
return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie (name) {  
var arg = name + "=";  
var alen = arg.length;  
var clen = document.cookie.length;  
var i = 0;  
while (i < clen) {    
var j = i + alen;    

if (document.cookie.substring(i, j) == arg)      
return eval(getCookieVal (j));    
i = document.cookie.indexOf(" ", i) + 1;    
if (i == 0) break;   
}  
return null;
}

function DeleteCookie (name) {  
var exp = new Date();  
exp.setTime (exp.getTime() - 1);  
var cval = GetCookie (name);  
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}


function SetCookie (name, value) {  
var argv = SetCookie.arguments;  
var argc = SetCookie.arguments.length;  
var expires = (argc > 2) ? argv[2] : null;  
var path = (argc > 3) ? argv[3] : null;  
var domain = (argc > 4) ? argv[4] : null;  
var secure = (argc > 5) ? argv[5] : false;  
document.cookie = name + "=" + escape (value) + 
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
((path == null) ? "" : ("; path=" + path)) +  
((domain == null) ? "" : ("; domain=" + domain)) +    
((secure == true) ? "; secure" : "");
}

function choose()
{
var k=eval(GetCookie('cat'));
var n=eval(GetCookie('choice'));
var m=eval(GetCookie('page'));
//alert("cat="+ k+",choice="+ n +",page=" +m);
if(k==null) {
	showAlbum();
}
else{
//DeleteCookie('cat');

if((n!=null)&&(n!=-1)) {
	DeleteCookie('choice');
	showStyle(k, n);
}
else
{

if((m!=null)&&(m!=-1)) {
	showMore(k,m);
}
else
	showMore(k,0);
}
}
}

function showMore(k, m)
{
//alert(k+","+m);
var everything="";

var Link=new Array(); 
var LowLink = new Array();
var Description = new Array();
var Title = new Array();
var TinyLink= new Array();
switch(eval(k)){
	case 0: Title=campusTitle;Link=campusLink; LowLink=campusLowLink; Description =campusDescription; TinyLink=campusTinyLink; break;
	case 1: Title=communityTitle;Link=communityLink; LowLink=communityLowLink; Description =communityDescription; TinyLink=communityTinyLink; break;
	case 2: Title=outdoorTitle;Link=outdoorLink; LowLink=outdoorLowLink; Description =outdoorDescription;  TinyLink=outdoorTinyLink; break;
	case 3: Title=connecticutTitle;Link=connecticutLink; LowLink=connecticutLowLink; Description =connecticutDescription; TinyLink=connecticutTinyLink; break;
	case 4: Title=miscTitle;Link=miscLink; LowLink=miscLowLink; Description =miscDescription; TinyLink=miscTinyLink; break;
	default: Title=campusTitle;Link=campusLink; LowLink=campusLowLink; Description =campusDescription; TinyLink=campusTinyLink; 
}		
var PicLength =  Link.length;
var clickaction="";
   clickaction="'DeleteCookie(\"cat\");'";

everything = everything + "<div align=\"left\">";
everything = everything + "<table border=\"0\"  width=\"" + moreWidth + "\"  align=\"left\">";
everything = everything + "<tr><td width=\"70%\" height=\""+moreTitleHeight + "\" valign=\"bottom\"><i><b><font size=\"4\">";
everything = everything + "<a href=album.html  onclick=" + clickaction + " >Album</a>&gt;&gt; <span lang=\"zh-cn\">" + catChName[k] + "</span>" + catEnName[k] + "</font></b></i>";
everything = everything + "</td>";

everything = everything + "<td width=10% valign=bottom align=center>";

var t;
if(m>=moreRows*moreCols){ 
   t=m-moreRows*moreCols;
   clickaction="'SetCookie(\"cat\"," + k + " , exptime );SetCookie(\"page\"," + t + " , exptime );'";	
   everything =everything + "<a href=more.html onclick="+ clickaction + ">  &lt;&lt;previous</a>";
}   
everything = everything + "</td><td width=10% valign=bottom align=center>";
	everything = everything +  "<a href=album.html >back</a> </td>";    
everything = everything +  "<td width=10% valign=bottom align=center>"
if(m<PicLength-1-moreRows*moreCols){
   t=m+moreRows*moreCols;
   clickaction="'SetCookie(\"cat\"," + k + " , exptime );SetCookie(\"page\"," + t + " , exptime );'";	
   everything =everything + "<a href=more.html onclick=" + clickaction+ ">  >>next</a>";
}   
everything = everything +  "</td>";    

everything = everything + "<tr><td width=\"100%\"  colspan=4><hr>";
everything = everything + "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-collapse: collapse\"  width=\"100%\" >";

for(i=0;i<moreRows;i++){
    everything = everything + "<tr>";
    for(j=0;j<moreCols;j++){
      n = eval(m) + (i*moreCols + j);
      if(n >=	PicLength){
        everything = everything + "<td width=\""+sliceWidth+"\" align=\"center\"></td>";   
      }
      else
      {
	var picLink = LowLink[n];
	var picLowLink = TinyLink[n];
	var picDesc = Description[n];
	var picTitle = Title[n];
        //alert(picLowLink);   
clickaction="'SetCookie(\"cat\"," + k + " , exptime );SetCookie(\"choice\"," + n + " , exptime );'";	
everything = everything + "<td width=\"" + sliceWidth + "\" align=\"center\">";
everything = everything + "<table border='0' cellpadding=\"0\" cellspacing=\"0\" style=\"border-collapse: collapse\" width=\"" + sliceWidth + "\"  height=\"" + sliceHeight + "\">";
everything = everything + "<tr><td align=center valign=middle width=\"" + sliceWidth + "\"  height=\"" + sliceWidth + "\" >";
        everything = everything + "<a href=show.html onclick="+clickaction+" >"; 
        everything = everything + "<img border=\"0\" src=\"" + picLowLink + "\"></a>";
everything = everything + "</td></tr>";
everything = everything + "<tr><td align=center valign=top width='100%'>";
        everything = everything + "<a href=show.html onclick="+clickaction+">" + picTitle + "</a>";
everything = everything + "</td></tr>";
everything = everything + "</table>"
        
        
        everything = everything + "</td>";
      }  
    }
    everything = everything + "</tr>";

    
}
everything = everything + "</table>";        
document.write(everything);
document.close();
}         


function showStyle(k, n){

var Link=new Array(); 
var LowLink = new Array();
var Description = new Array();
var Title = new Array();
var TinyLink= new Array();
switch(k){
	case 0: Title=campusTitle;Link=campusLink; LowLink=campusLowLink; Description =campusDescription; TinyLink=campusTinyLink; break;
	case 1: Title=communityTitle;Link=communityLink; LowLink=communityLowLink; Description =communityDescription; TinyLink=communityTinyLink; break;
	case 2: Title=outdoorTitle;Link=outdoorLink; LowLink=outdoorLowLink; Description =outdoorDescription;  TinyLink=outdoorTinyLink; break;
	case 3: Title=connecticutTitle;Link=connecticutLink; LowLink=connecticutLowLink; Description =connecticutDescription; TinyLink=connecticutTinyLink; break;
	case 4: Title=miscTitle;Link=miscLink; LowLink=miscLowLink; Description =miscDescription; TinyLink=miscTinyLink; break;
	default: Title=campusTitle;Link=campusLink; LowLink=campusLowLink; Description =campusDescription; TinyLink=campusTinyLink; 
}		
var PicLength =  Link.length;
var everything="";
if(n>PicLength-1) n=PicLength-1;
if(n<0) n=PicLength-1;

var picLink = LowLink[n];
var picLowLink = LowLink[n];
var picDesc = Description[n];
var picTitle = Title[n];
everything = everything + "<table border=\"0\"  width=\"" + moreWidth + "\"  align=\"left\">";
everything = everything + "<tr><td width=\"70%\" height=\""+moreTitleHeight + "\" valign=\"bottom\"><i><b><font size=\"4\">";
everything = everything + "<a href=album.html >Album</a>&gt;&gt; <span lang=\"zh-cn\">" + catChName[k] + "</span>" + catEnName[k] + "</font></b></i></td>";
everything = everything + "<td width=10% valign=bottom align=center>";
var clickaction="";
var t;
if(n>0){ 
   t=eval(n)-1;
   clickaction="'SetCookie(\"cat\"," + k + " , exptime );SetCookie(\"choice\"," + t + " , exptime );'";	
   everything =everything + "<a href=show.html onclick="+ clickaction + ">  &lt;&lt;previous</a>";
}   
everything = everything + "</td><td width=10% valign=bottom align=center>";
        clickaction="'SetCookie(\"cat\"," + k + " , exptime );'";	
	everything = everything +  "<a href=more.html >back</a> </td>";    
everything = everything +  "<td width=10% valign=bottom align=center>";
if(n<PicLength-1){
   t=eval(n)+1;
   clickaction="'SetCookie(\"cat\"," + k + " , exptime );SetCookie(\"choice\"," + t + " , exptime );'";	
   everything =everything + "<a href=show.html onclick="+ clickaction + ">   >>next</a>";
}   
everything = everything +  "</td>";    
everything = everything +  "</tr>";    
everything = everything + "<tr><td width=\"100%\"  colspan=4><hr>";
    
everything = everything + "<div valign=middle align=center><table border='0'>";
        everything = everything + "<a href="+ picLink+ " target=_blank>";
//        alert(picLowLink);
        everything = everything + "<img border=\"0\" src=\"" + picLowLink + "\"></a>";  
everything = everything + "</td></tr>";
everything = everything + "</table></div>"
everything = everything + "</td></tr>";

everything = everything + "<tr><td width=\"100%\"  colspan=4 align=left><hr><br>";
if(picTitle!="")
	everything = everything + picTitle+"<br>";
if(picDesc!="")
	everything = everything + picDesc+"<br>";
everything = everything + "</td></tr>";

everything = everything + "</table>"

document.write(everything);
document.close();
}


var AlbumCols=3;

function showAlbum()
{
var everything="";

var Link=new Array(); 
var LowLink = new Array();
var Description = new Array();
var Title = new Array();
var TinyLink= new Array();
everything = everything + "<table border=\"0\"  width=\"" + moreWidth + "\"  align=\"left\">";
for(k=0;k<catLength;k++){
switch(k){
	case 0: Title=campusTitle;Link=campusLink; LowLink=campusLowLink; Description =campusDescription; TinyLink=campusTinyLink; break;
	case 1: Title=communityTitle;Link=communityLink; LowLink=communityLowLink; Description =communityDescription; TinyLink=communityTinyLink; break;
	case 2: Title=outdoorTitle;Link=outdoorLink; LowLink=outdoorLowLink; Description =outdoorDescription;  TinyLink=outdoorTinyLink; break;
	case 3: Title=connecticutTitle;Link=connecticutLink; LowLink=connecticutLowLink; Description =connecticutDescription; TinyLink=connecticutTinyLink; break;
	case 4: Title=miscTitle;Link=miscLink; LowLink=miscLowLink; Description =miscDescription; TinyLink=miscTinyLink; break;
	default: Title=campusTitle;Link=campusLink; LowLink=campusLowLink; Description =campusDescription; TinyLink=campusTinyLink; 
}		
var PicLength =  Link.length;


var clickaction="";

everything = everything + "<tr><td width=\"20%\" height=\""+moreTitleHeight + "\" valign=\"middle\"><i><b><font size=\"4\">";

clickaction="SetCookie(\"cat\"," + k + " , exptime );";	
everything = everything + "<a href=more.html onclick='"+clickaction+ "'><span lang=\"zh-cn\">" + catChName[k] + "</span><br>" + catEnName[k] + "</font></b></i></a>";
everything = everything + "</td>";
for(j=0;j<AlbumCols;j++){
      n = j;
      if(n >=PicLength){
        everything = everything + "<td width=\""+sliceWidth+"\" align=\"center\"></td>";   
      }
      else
      {
	var picLink = LowLink[n];
	var picLowLink = TinyLink[n];
	var picDesc = Description[n];
	var picTitle = Title[n];

clickaction="SetCookie(\"cat\"," + k + " , exptime );SetCookie(\"choice\"," + n + " , exptime );";	

everything = everything + "<td width=\"" + sliceWidth + "\" align=\"center\">";
        everything = everything + "<a href=show.html onclick='"+clickaction+"' >"; 
        everything = everything + "<img border=\"0\" src=\"" + picLowLink + "\"></a>";
everything = everything + "</td>";      
}

}
everything = everything + "<td align=\"center\" valign=bottom>";
clickaction= "SetCookie(\"cat\"," + k + " , exptime );SetCookie(\"page\", 0 , exptime );";	
everything = everything + "<a href=more.html onclick='" + clickaction + "'>&gt;&gt;more</a>";


everything = everything + "</td>";  
everything = everything + "</tr>";
var t=eval(AlbumCols)+2;
 everything = everything + "<tr><td colspan=" + t+ " ><hr></td></tr>";
}
everything = everything + "</table>";        

document.write(everything);
document.close();
}         



function showRandom()
{
var everything="";
var Link=new Array(); 
var LowLink = new Array();
var Description = new Array();
var Title = new Array();
var TinyLink= new Array();


var k=0;
k =1- (Math.round(Math.random()*1)); 

switch(eval(k)){
	case 0: Title=campusTitle;Link=campusLink; LowLink=campusLowLink; Description =campusDescription; TinyLink=campusTinyLink; break;
	case 1: Title=communityTitle;Link=communityLink; LowLink=communityLowLink; Description =communityDescription; TinyLink=communityTinyLink; break;
	case 2: Title=outdoorTitle;Link=outdoorLink; LowLink=outdoorLowLink; Description =outdoorDescription;  TinyLink=outdoorTinyLink; break;
	case 3: Title=connecticutTitle;Link=connecticutLink; LowLink=connecticutLowLink; Description =connecticutDescription; TinyLink=connecticutTinyLink; break;
	case 4: Title=miscTitle;Link=miscLink; LowLink=miscLowLink; Description =miscDescription; TinyLink=miscTinyLink; break;
	default: Title=campusTitle;Link=campusLink; LowLink=campusLowLink; Description =campusDescription; TinyLink=campusTinyLink; 
}		
var PicLength =  Link.length;

var n = 0; 		
var r = Link.length - 2; 
n = (Math.round(Math.random()*r) + 1); 

if(n >= Link.length) n = Link.length-1;
if(n < 0) n = 0;
	
var picLink = LowLink[n];
var picLowLink = TinyLink[n];
var picDesc = Description[n];
var picTitle = Title[n];

clickaction="SetCookie(\"cat\"," + k + " , exptime );SetCookie(\"choice\"," + n + " , exptime );";	

everything = everything + "<a href=show.html onclick='"+clickaction+"' >"; 
everything = everything + "<img border=\"0\" src=\"" + picLink + "\" width=450>";
everything = everything + "</a>";
document.write(everything);
document.close();
}