		var currentNumber = 0;
		var nextNumber = 1;
		$(document).ready(function(){
			//alert('blah');
			$('#banner').css('position','relative');
			$('#banner').append('<div id="topImage" style="position:absolute;top:0;z-index:20"></div>');
			$('#banner').append('<div id="bottomImage" style="position:absolute;top:0;z-index:10"></div>');
			$('#topImage').hide();
			$('#bottomImage').hide();
			runBanner = function (theImages,theWidth,theHeight,rotationType,theFader,theDelay,thePause) {

				//turn the times into seconds
				theFader = parseInt(theFader)*1000;
				theDelay = parseInt(theDelay)*1000;
				
			
				//if we want a random start, set the start number to a random digit between 0 and the size of the array
				if(rotationType == 'random') {
					currentNumber = Math.random()*((theImages.length)-1);
					currentNumber = Math.round(currentNumber);
				}
				
				fadeDown = function() {
					$('#topImage').fadeOut(theFader,function(){
						$('#topImage').empty();
						if(theImages[currentNumber][1] && !theImages[currentNumber][2]) {
							$('#topImage').append('<a href="'+theImages[currentNumber][1]+'"><img src="'+theImages[currentNumber][0]+'" width="'+theWidth+'" height="'+theHeight+'"/></a>');
						} else if(theImages[currentNumber][1] && theImages[currentNumber][2]) {
							$('#topImage').append('<a href="'+theImages[currentNumber][1]+'" target="'+theImages[currentNumber][2]+'"><img src="'+theImages[currentNumber][0]+'" width="'+theWidth+'" height="'+theHeight+'"/></a>');
						}else {
							$('#topImage').append('<img src="'+theImages[currentNumber][0]+'" width="'+theWidth+'" height="'+theHeight+'"/>');
						}
						$('#topImage').show();
						$('#bottomImage').hide();
						timer = setTimeout(fadeUp,theDelay);
					});
				}
				fadeUp = function() {
					//if the current number is the size of array, set the next number to 0, otherwise set the next number to the next item
					if(currentNumber == (theImages.length-1)) {
						currentNumber = theImages.length-1;
						var nextNumber = 0;
					} else {
						var nextNumber = currentNumber + 1;
					}
					$('#topImage').empty();
					$('#bottomImage').empty();
					if(theImages[currentNumber][1] && !theImages[currentNumber][2]) {
						$('#topImage').append('<a href="'+theImages[currentNumber][1]+'"><img src="'+theImages[currentNumber][0]+'" width="'+theWidth+'" height="'+theHeight+'"/></a>');
					} else if(theImages[currentNumber][1] && theImages[currentNumber][2]) {
						$('#topImage').append('<a href="'+theImages[currentNumber][1]+'" target="'+theImages[currentNumber][2]+'"><img src="'+theImages[currentNumber][0]+'" width="'+theWidth+'" height="'+theHeight+'"/></a>');
					} else {
						$('#topImage').append('<img src="'+theImages[currentNumber][0]+'" width="'+theWidth+'" height="'+theHeight+'"/>');
					}
					if(theImages[nextNumber][1] && !theImages[nextNumber][2]) {
						$('#bottomImage').append('<a href="'+theImages[nextNumber][1]+'"><img src="'+theImages[nextNumber][0]+'" width="'+theWidth+'" height="'+theHeight+'"/></a>');
					} else if(theImages[nextNumber][1] && theImages[nextNumber][2]) {
						$('#bottomImage').append('<a href="'+theImages[nextNumber][1]+'" target="'+theImages[currentNumber][2]+'"><img src="'+theImages[currentNumber][0]+'" width="'+theWidth+'" height="'+theHeight+'"/></a>');
					} else {
						$('#bottomImage').append('<img src="'+theImages[nextNumber][0]+'" width="'+theWidth+'" height="'+theHeight+'"/>');
					}
					
					$('#topImage').fadeIn(theFader,function(){
						$('#bottomImage').show();
						if(currentNumber == theImages.length-1) { 
							currentNumber = 0; 
						} else {
							currentNumber ++;
						}
						timer = setTimeout(fadeDown,theDelay);
					});
				}
				fadeUp();
			}
		});
