var thumbnail = false;
var thumbnailFirstPage = true;
var nxtpgnum = 1;
var currpgnum = 0;
var prevpgnum = -1;
var lastpg = 18;

function switchBody() {	
	if (thumbnail == false) { //open thumbnail
		document.getElementById('thumbnailBody').style.display='';
		document.getElementById('firstPage').style.display='';

		new Fx.Style('thumbnailBody', 'opacity', {duration: 500}).start(0,1);
		new Fx.Style('firstPage', 'opacity', {duration: 500}).start(0,1);
		new Fx.Style('secondPage', 'opacity', {duration: 500}).start(0,1);

		new Fx.Style('pagesBody', 'opacity', {duration: 500}).start(1,0);
		new Fx.Style('prevNext', 'opacity', {duration: 500}).start(1,0);
		setTimeout("document.getElementById('pagesBody').style.display='none'", 500);
		setTimeout("document.getElementById('prevNext').style.display='none'", 500);
		thumbnail = true;
		thumbnailFirstPage = true;
	}
	else { //close thumbnail
		document.getElementById('pagesBody').style.display='';
		document.getElementById('prevNext').style.display='';

		new Fx.Style('pagesBody', 'opacity', {duration: 500}).start(0,1);
		new Fx.Style('prevNext', 'opacity', {duration: 500}).start(0,1);

		new Fx.Style('thumbnailBody', 'opacity', {duration: 500}).start(1,0);
		new Fx.Style('firstPage', 'opacity', {duration: 500}).start(1,0);
		new Fx.Style('secondPage', 'opacity', {duration: 500}).start(1,0);

		setTimeout("document.getElementById('thumbnailBody').style.display='none'", 500);
		setTimeout("document.getElementById('firstPage').style.display='none';", 500);
		setTimeout("document.getElementById('secondPage').style.display='none';", 500);
		thumbnail = false;
	}
}	

function firstPageLoad() {
	if (thumbnailFirstPage == false) {
		document.getElementById('firstPage').style.display='';
	
		new Fx.Style('firstPage', 'opacity', {duration: 500}).start(0,1);
		new Fx.Style('secondPage', 'opacity', {duration: 500}).start(1,0);
	
		document.getElementById('secondPage').style.display='none';
		thumbnailFirstPage = true;
	}
}

function secondPageLoad() {
	if (thumbnailFirstPage == true) {
		document.getElementById('secondPage').style.display='';
	
		new Fx.Style('secondPage', 'opacity', {duration: 500}).start(0,1);
		new Fx.Style('firstPage', 'opacity', {duration: 500}).start(1,0);
	
		document.getElementById('firstPage').style.display='none';
		thumbnailFirstPage = false;
	}
}

function bodyLoad() {
	new Fx.Style('thumbnailBody', 'opacity', {duration: 500}).start(1,0);
	new Fx.Style('firstPage', 'opacity', {duration: 500}).start(1,0);
	//new Fx.Style('secondPage', 'opacity', {duration: 500}).start(1,0);
	document.getElementById('prev').style.display = 'none';
}

function printThis(x) {
	document.getElementById('printLink').href = "/rewards/html/images/print/print" + x + ".html";
}

function chkNextPrev() {
		if (nxtpgnum == 1 || prevpgnum == (lastpg-1)) {
			if (nxtpgnum == 1)
				document.getElementById('prev').style.display = 'none';
			else if (prevpgnum == 18)
				document.getElementById('next').style.display = "none";
			
			setTimeout("document.getElementById('centerShadow').style.display = 'none'", 300);
			setTimeout("document.getElementById('centerShadowClosed').style.display = ''", 300);
		}
		else {
			document.getElementById('prev').style.display = '';
			document.getElementById('next').style.display = '';
			
			setTimeout("document.getElementById('centerShadow').style.display = ''", 300);
			setTimeout("document.getElementById('centerShadowClosed').style.display = 'none'", 300);
		}
}

window.addEvent('domready', function(){
	var scroll = new Fx.Scroll('pagesBody_outter', {
		wait: false,
		duration: 500,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Circ.easeInOut
	});
	
	// previous button
	$('prev').addEvent('click', function(event) {
		//var lastpg = 20;
		
		if (prevpgnum >= 0) {
			event = new Event(event).stop();
			scroll.toElement("page" + prevpgnum);
			nxtpgnum = nxtpgnum - 1;
			prevpgnum = prevpgnum - 1;
			
			printThis(nxtpgnum - 1);
			
		if (nxtpgnum == 1 || prevpgnum == (lastpg-1)) {
			if (nxtpgnum == 1)
				document.getElementById('prev').style.display = 'none';
			else if (prevpgnum == (lastpg-1))
				document.getElementById('next').style.display = "none";

			setTimeout("document.getElementById('centerShadow').style.display = 'none'", 300);
			setTimeout("document.getElementById('centerShadowClosed').style.display = ''", 300);
		}
		else {
			document.getElementById('prev').style.display = '';
			document.getElementById('next').style.display = '';			

			setTimeout("document.getElementById('centerShadow').style.display = ''", 300);
			setTimeout("document.getElementById('centerShadowClosed').style.display = 'none'", 300);
		}
			//document.getElementById("zoomin").rel = "lightbox[page" + currpgnum + "]";
			//document.getElementById("zoomin").href = "images/lightbox/" + filename[currpgnum];
		}
	});

	// next button
	$('next').addEvent('click', function(event) {		
	  	if (nxtpgnum <= lastpg) {
			event = new Event(event).stop();
			scroll.toElement("page" + nxtpgnum);
			nxtpgnum = nxtpgnum + 1;
			prevpgnum = prevpgnum + 1;
			
			printThis(nxtpgnum - 1);
			
		if (nxtpgnum == 1 || prevpgnum == (lastpg-1)) {
			if (nxtpgnum == 1)
				document.getElementById('prev').style.display = 'none';
			else if (prevpgnum == (lastpg-1))
				document.getElementById('next').style.display = "none";
			
			setTimeout("document.getElementById('centerShadow').style.display = 'none'", 300);
			setTimeout("document.getElementById('centerShadowClosed').style.display = ''", 300);
		}
		else {
			document.getElementById('prev').style.display = '';
			document.getElementById('next').style.display = '';
			
			setTimeout("document.getElementById('centerShadow').style.display = ''", 300);
			setTimeout("document.getElementById('centerShadowClosed').style.display = 'none'", 300);
		}
			//document.getElementById("zoomin").rel = "lightbox[page" + currpgnum + "]";
			//document.getElementById("zoomin").href = "images/lightbox/" + filename[currpgnum];
		}
	});
	
	
	
	// maxis specials
	$('navi2').addEvent('click', function(event) {
		event = new Event(event).stop();
		
		if (thumbnail == true)
			switchBody();

		scroll.toElement("page1");
		nxtpgnum = 2;
		prevpgnum = 0;
				
		if (nxtpgnum == 1 || prevpgnum == (lastpg-1)) {
			if (nxtpgnum == 1)
				document.getElementById('prev').style.display = 'none';
			else if (prevpgnum == 18)
				document.getElementById('next').style.display = "none";
			
			setTimeout("document.getElementById('centerShadow').style.display = 'none'", 300);
			setTimeout("document.getElementById('centerShadowClosed').style.display = ''", 300);
		}
		else {
			document.getElementById('prev').style.display = '';
			document.getElementById('next').style.display = '';
			
			setTimeout("document.getElementById('centerShadow').style.display = ''", 300);
			setTimeout("document.getElementById('centerShadowClosed').style.display = 'none'", 300);
		}

	});

	//vacations
//	$('navi3').addEvent('click', function(event) {
//		event = new Event(event).stop();
//		
//		if (thumbnail == true)
//			switchBody();
//
//		scroll.toElement("page4");
//		nxtpgnum = 5;
//		prevpgnum = 3;
//				
//		if (nxtpgnum == 1 || prevpgnum == 18) {
//			if (nxtpgnum == 1)
//				document.getElementById('prev').style.display = 'none';
//			else if (prevpgnum == 18)
//				document.getElementById('next').style.display = "none";
//			
//			setTimeout("document.getElementById('centerShadow').style.display = 'none'", 300);
//			setTimeout("document.getElementById('centerShadowClosed').style.display = ''", 300);
//		}
//		else {
//			document.getElementById('prev').style.display = '';
//			document.getElementById('next').style.display = '';
//			
//			setTimeout("document.getElementById('centerShadow').style.display = ''", 300);
//			setTimeout("document.getElementById('centerShadowClosed').style.display = 'none'", 300);
//		}
//
//	});

	//dining
	$('navi4').addEvent('click', function(event) {
		event = new Event(event).stop();
		
		if (thumbnail == true)
			switchBody();

		scroll.toElement("page4");
		nxtpgnum = 5;
		prevpgnum = 3;
		


	});

	//indulgences
	$('navi5').addEvent('click', function(event) {
		event = new Event(event).stop();
		
		if (thumbnail == true)
			switchBody();

		scroll.toElement("page11");
		nxtpgnum = 12;
		prevpgnum = 10;
				
		if (nxtpgnum == 1 || prevpgnum == (lastpg-1)) {
			if (nxtpgnum == 1)
				document.getElementById('prev').style.display = 'none';
			else if (prevpgnum == (lastpg-1))
				document.getElementById('next').style.display = "none";
			
			setTimeout("document.getElementById('centerShadow').style.display = 'none'", 300);
			setTimeout("document.getElementById('centerShadowClosed').style.display = ''", 300);
		}
		else {
			document.getElementById('prev').style.display = '';
			document.getElementById('next').style.display = '';
			
			setTimeout("document.getElementById('centerShadow').style.display = ''", 300);
			setTimeout("document.getElementById('centerShadowClosed').style.display = 'none'", 300);
		}

	});
	
	//shopping
	$('navi6').addEvent('click', function(event) {
		event = new Event(event).stop();
		
		if (thumbnail == true)
			switchBody();

		scroll.toElement("page14");
		nxtpgnum = 15;
		prevpgnum = 13;
				
		if (nxtpgnum == 1 || prevpgnum == (lastpg-1)) {
			if (nxtpgnum == 1)
				document.getElementById('prev').style.display = 'none';
			else if (prevpgnum == (lastpg-1))
				document.getElementById('next').style.display = "none";
			
			setTimeout("document.getElementById('centerShadow').style.display = 'none'", 300);
			setTimeout("document.getElementById('centerShadowClosed').style.display = ''", 300);
		}
		else {
			document.getElementById('prev').style.display = '';
			document.getElementById('next').style.display = '';
			
			setTimeout("document.getElementById('centerShadow').style.display = ''", 300);
			setTimeout("document.getElementById('centerShadowClosed').style.display = 'none'", 300);
		}

	});
	
	//thumbnail
	$('thumb0').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page0");
		nxtpgnum = 2;
		prevpgnum = -1;
		setTimeout("document.getElementById('centerShadow').style.display = 'none'", 300);
		setTimeout("document.getElementById('centerShadowClosed').style.display = ''", 300);
		
		chkNextPrev();
	});
		
	$('thumb1').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page1");
		nxtpgnum = 2;
		prevpgnum = 0;
		
		chkNextPrev();
	});

	
	$('thumb2').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page1");
		nxtpgnum = 2;
		prevpgnum = 0;
		
		chkNextPrev();
	});
	
	$('thumb3').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page2");
		nxtpgnum = 3;
		prevpgnum = 1;
	});

	$('thumb4').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page2");
		nxtpgnum = 3;
		prevpgnum = 1;
		
		chkNextPrev();
	});
	
	$('thumb5').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page3");
		nxtpgnum = 4;
		prevpgnum = 2;
		
		chkNextPrev();
	});

	$('thumb6').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page3");
		nxtpgnum = 4;
		prevpgnum = 2;
		
		chkNextPrev();
	});

	$('thumb7').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page4");
		nxtpgnum = 5;
		prevpgnum = 3;
		
		chkNextPrev();
	});

	$('thumb8').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page4");
		nxtpgnum = 5;
		prevpgnum = 3;
		
		chkNextPrev();
	});

	$('thumb9').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page5");
		nxtpgnum = 6;
		prevpgnum = 4;
		
		chkNextPrev();
	});
	
	$('thumb10').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page5");
		nxtpgnum = 6;
		prevpgnum = 4;
		
		chkNextPrev();
	});
	
	$('thumb11').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page6");
		nxtpgnum = 7;
		prevpgnum = 5;
		
		chkNextPrev();
	});
	
	$('thumb12').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page6");
		nxtpgnum = 7;
		prevpgnum = 5;
		
		chkNextPrev();
	});
	
	$('thumb13').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page7");
		nxtpgnum = 8;
		prevpgnum = 6;
		
		chkNextPrev();
	});
	
	$('thumb14').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page7");
		nxtpgnum = 8;
		prevpgnum = 6;
		
		chkNextPrev();
	});

	$('thumb15').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page8");
		nxtpgnum = 9;
		prevpgnum = 7;
		
		chkNextPrev();
	});

	$('thumb16').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page8");
		nxtpgnum = 9;
		prevpgnum = 7;
		
		chkNextPrev();
	});
	
	$('thumb17').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page9");
		nxtpgnum = 10;
		prevpgnum = 8;
		
		chkNextPrev();
	});
	
	$('thumb18').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page9");
		nxtpgnum = 10;
		prevpgnum = 8;
		
		chkNextPrev();
	});

	$('thumb19').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page10");
		nxtpgnum = 11;
		prevpgnum = 9;
		
		chkNextPrev();
	});
	
	$('thumb20').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page10");
		nxtpgnum = 11;
		prevpgnum = 9;
		
		chkNextPrev();
	});
	
	$('thumb21').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page11");
		nxtpgnum = 12;
		prevpgnum = 10;
		
		chkNextPrev();
	});
	
	$('thumb22').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page11");
		nxtpgnum = 12;
		prevpgnum = 10;
		
		chkNextPrev();
	});
	
	$('thumb23').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page12");
		nxtpgnum = 13;
		prevpgnum = 11;
		
		chkNextPrev();
	});
	
	$('thumb24').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page12");
		nxtpgnum = 13;
		prevpgnum = 11;
		
		chkNextPrev();
	});
	
	$('thumb25').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page13");
		nxtpgnum = 14;
		prevpgnum = 12;
		
		chkNextPrev();
	});
	
	$('thumb26').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page13");
		nxtpgnum = 14;
		prevpgnum = 12;
		
		chkNextPrev();
	});
	
	$('thumb27').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page14");
		nxtpgnum = 15;
		prevpgnum = 13;
		
		chkNextPrev();
	});
	
	$('thumb28').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page14");
		nxtpgnum = 15;
		prevpgnum = 13;
		
		chkNextPrev();
	});

	$('thumb29').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page15");
		nxtpgnum = 16;
		prevpgnum = 14;
		
		chkNextPrev();
	});

	$('thumb30').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page15");
		nxtpgnum = 16;
		prevpgnum = 14;
		
		chkNextPrev();
	});
	
	$('thumb31').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page16");
		nxtpgnum = 17;
		prevpgnum = 15;
	});

	
	$('thumb32').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page17");
		nxtpgnum = 18;
		prevpgnum = 16;
	});
	
/*	$('thumb33').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page17");
		nxtpgnum = 18;
		prevpgnum = 16;
	});

	
	$('thumb34').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page17");
		nxtpgnum = 18;
		prevpgnum = 16;
	});

	
	$('thumb35').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page18");
		nxtpgnum = 19;
		prevpgnum = 17;
	});

	
	$('thumb37').addEvent('click', function(event) {
		event = new Event(event).stop();
		switchBody();
		scroll.toElement("page16");
		nxtpgnum = 17;
		prevpgnum = 15;
		setTimeout("document.getElementById('centerShadow').style.display = 'none'", 300);
		setTimeout("document.getElementById('centerShadowClosed').style.display = ''", 300);
		setTimeout("document.getElementById('centerShadow').style.display = ''", 300);
		setTimeout("document.getElementById('centerShadowClosed').style.display = 'none'", 300);
		
		chkNextPrev();
	});*/
//
//	
//	$('thumb35').addEvent('click', function(event) {
//		event = new Event(event).stop();
//		switchBody();
//		scroll.toElement("page18");
//		nxtpgnum = 19;
//		prevpgnum = 17;
//	});
//
//	
//	$('thumb36').addEvent('click', function(event) {
//		event = new Event(event).stop();
//		switchBody();
//		scroll.toElement("page18");
//		nxtpgnum = 19;
//		prevpgnum = 17;
//	});
//
//	
//	$('thumb37').addEvent('click', function(event) {
//		event = new Event(event).stop();
//		switchBody();
//		scroll.toElement("page19");
//		nxtpgnum = 20;
//		prevpgnum = 18;
//	});
//
//	
//	$('thumb38').addEvent('click', function(event) {
//		event = new Event(event).stop();
//		switchBody();
//		scroll.toElement("page19");
//		nxtpgnum = 20;
//		prevpgnum = 18;
//	});
//
//	
//	$('thumb39').addEvent('click', function(event) {
//		event = new Event(event).stop();
//		switchBody();
//		scroll.toElement("page20");
//		nxtpgnum = 21;
//		prevpgnum = 19;
//		setTimeout("document.getElementById('centerShadow').style.display = 'none'", 300);
//		setTimeout("document.getElementById('centerShadowClosed').style.display = ''", 300);
//		setTimeout("document.getElementById('centerShadow').style.display = ''", 300);
//		setTimeout("document.getElementById('centerShadowClosed').style.display = 'none'", 300);
//	});
});