var evnt = new Array();
var covr = new Array();
var img = new Array();
var down = new Array();
var ttl = new Array();

var albnm = 0;
function picon() {
	if (tumblr_api_read == 'e') {
		document.getElementById('albm').innerHTML='<center><div style="padding:10px; font-family:\'Arial\'; color:#006699; background: url(\'images/picbg.png\');"><img src="images/maryic.png"><h3>Connection to Photo Feed Unsuccessful.<br><span style="font-weight:normal; font-size:16px;">Please refresh page. If problem persists, return within an hour. <br />Problem should be resolved soon.</div></center>';
	} else {
		readin();
		album();
		init();
	}
}

function readin() {
	var enm, nem=0, men=0, nim=0;
	var post = tumblr_api_read.posts;
	for(enm in post) {
		if (post[enm].type == "photo" && post[enm].photos != "") {
			var refer = -1;
			for(men in evnt){ if(evnt[men]==post[enm]['photo-caption'].slice(3,-4)) {refer=men;} }
			var pics=post[enm].photos, move=nim, pre=0;
			var imag=new Array();
			var dnld=new Array();
			for (men in pics) {
				imag[men] = pics[men]['photo-url-500'];
				dnld[men] = pics[men]['photo-url-1280'];
			}
			if (refer>=0) {
				imag=imag.concat(img[refer]);
				dnld=dnld.concat(down[refer]);
				move=refer;
				nim = nim-1;
			}
			evnt[move] = post[enm]['photo-caption'].slice(3,-4);
			covr[move] = post[enm]['photo-url-250'];
			img[move] = imag;
			down[move] = dnld;
			nim++;
		}
	}
	var imag=new Array();
	var dnld=new Array();
	for(enm in mainRead) {
			imag[enm] = mainRead[enm]['photo-url-500'];
			dnld[enm] = mainRead[enm]['photo-url-1280'];
			ttl[enm] = mainRead[enm]['photo-caption'].slice(3,-4);
	}
	img[nim] = imag;
	down[nim] = dnld;
	evnt[nim] = "Home Page Photos"
	covr[nim] = mainRead[0]['photo-url-250'];
}

function album() {
	var i = evnt.length-1;
	s = '<td><div style="background:url(\'' + covr[i]  + '\') center center no-repeat; " onclick="choose(this.className);" class="' + i + '" name="albam"><span class="evname">' + evnt[i] + '<br /><span class="totes">' + img[i].length + ' photos</span></span></div></td>';
	for (i=0; i<evnt.length-1; i++) {
		var str = "";
		str = '<td><div style="background:url(\'' + covr[i]  + '\') center center no-repeat; " onclick="choose(this.className);" class="' + i + '" name="albam"><span class="evname">' + evnt[i] + '<br /><span class="totes">' + img[i].length + ' photos</span></span></div></td>';
		if (i%3==2) {str = '</tr><tr>' + str;}
		s = s + str;
	}
	if (i%3<2) { s=s+'<td colspan='+(2-i%3)+'></td>'; }
	document.getElementById('albm').innerHTML = "<table style='width:700px;' align='center'><tr>" + s + "</tr></table>";
}

function init() {
	try {
		var i=0, alb=0, pic=1;
		var params = ( ( ( (window.location.toString()).split("?") )[1] ).split("&") );
		for (i in params) {
			if ((params[i]).charAt(0) == 'a') {
				if(!isNaN((params[i].split("="))[1])) {alb = (params[i].split("="))[1];} else { throw "something"; }
			} else if ((params[i]).charAt(0) == 'p') {
				if(!isNaN((params[i].split("="))[1])) {pic = (params[i].split("="))[1];} else { throw "something"; }
			} else if ((params[i]).charAt(0) != 't' && (params[i]).charAt(0) != 'i') { throw "something";}
		}
		choose(evnt.length-alb-1);
		if (albnm<evnt.length-1) {assign(pic);}
		else {assign(img[albnm].length-pic+1);}
	} catch(err) {}
}

function choose(alnum) {
	window.scrollTo(0,0);
	document.getElementById('ssbox').style.display='block';
	document.getElementById('cover').style.display='block';
	document.getElementById('evnt').innerHTML = evnt[alnum];
	document.getElementById('total').innerHTML = img[alnum].length;
	albnm=alnum;
	assign(1);
}

function right() {
	var n = (document.getElementById('st').innerHTML)%(document.getElementById('total').innerHTML) - -1;
	assign(n);
}

function left() {
	var n = (document.getElementById('st').innerHTML - 1)%(document.getElementById('total').innerHTML);
	if (n==0) {n=document.getElementById('total').innerHTML;}
	assign(n);
}

function assign(n) {
	document.getElementById('st').innerHTML = n;
	document.main.src = img[albnm][n-1];
	downLink = down[albnm][n-1];
	a=(evnt.length-albnm-1);
	var refAlbum, p, t;
	if (albnm==evnt.length-1) { 
		refAlbum = ttl[n-1] + " &middot; " + evnt[albnm];
		p=(img[albnm].length-n+1);
		t=ttl[n-1];
		document.getElementById('combox').style.display="block";
	} else {
		refAlbum=evnt[albnm];
		p=n;
		document.getElementById('combox').style.display="none";
		t="";
	}
	var refLink = 'http://stmarysorthodoxla.com/pics.php?a=' + a + '&p=' + p + '&t=' + refAlbum.replace(/ /g,"+") + '&i=' + downLink;
	document.getElementById('lank').innerHTML = '<input id="lnk" readonly="readonly" type="text" onclick="this.focus(); this.select();" value="' + refLink + '"/>';
	refLink = refLink.replace(/&/g,"%26");
	document.getElementById('tasks').innerHTML = "<table><tr><td style='width:250px;'><iframe id='like' src='http://www.facebook.com/plugins/like.php?href=" + refLink + "&amp;send=false&amp;layout=button_count&amp;width=10&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:100px; height:21px;' allowTransparency='true'></iframe></td><td style='width:250px;text-align:right;'><a href='javascript: void();' style='background-color:transparent; padding:3px;' onclick='lnk=document.getElementById(\"lnk\"); lnk.style.display=(lnk.style.display==\"block\")?\"none\":\"block\"; this.style.backgroundColor=(this.style.backgroundColor==\"transparent\")?\"#ccdfe7\":\"transparent\";'>Share Link</a>&middot;<a style='padding:3px;' target='_blank' href='" + downLink + "'>Download</a></td></tr></table>";
	document.getElementById('comment').innerHTML = t;
}

function handleArrowKeys(evt) {
    evt = (evt) ? evt : ((window.event) ? event : null);
    if (evt && document.getElementById('ssbox').style.display=='block') {
        switch (evt.keyCode) {
            case 37:
                left(); break; 
            case 39:
                right(); break;     
         }
    }
}

document.onkeydown = handleArrowKeys;