// set the number of toons
var number = 25
var reset = number
var pics = new Array();
// gets toon reference from url
var ref = location.search.slice(1)

// constructs and inserts image tag or takes url reference and sets toon accordingly 
function setPic () {
	for (var i=number; i != 0; i--) {
		var pic = '<img src="toons/toon_' + i + '.gif" width="318" height="350" alt="Toon">';
		pics[i] = pic
	};
	new Insertion.Top('toonPic', pics[number]);
	if (ref < number && ref.length > 0) {
		change(ref)
		number = ref
	};
}

// this function changes the cartoon for nextToon() and pastToon()
function change (number) {
	setTimeout(function() {Element.update('toonPic', pics[number])}, 500);
}

// Next and Previous buttons
function nextToon()
{
	if (number > 1) {
		number--
		change(number);
		new Effect.DropOut('toon', {queue: 'front'});
		new Effect.SlideDown('toon' , {queue: 'end'});
	}
	else{
		number = reset;
		change(number);
		new Effect.Pulsate('toon', {pulses: 3});
	};
}

function pastToon() {
	if (number < reset) {
		number++
		change(number);
		new Effect.DropOut('toon', {queue: 'front'});
		new Effect.SlideDown('toon' , {queue: 'end'});
	}
	else{Effect.Shake('toon')};
}