//Number Rollovers
function numberRollovers(){
	$("#one").hover(function() {$(this).css( {backgroundPosition:"0px -32px"});},function () {$(this).css( {backgroundPosition:"0px 0px"});});
	$("#two").hover(function() {$(this).css( {backgroundPosition:"-36px -32px"});},function () {$(this).css( {backgroundPosition:"-36px 0px"});});
	$("#three").hover(function() {$(this).css( {backgroundPosition:"-76px -32px"});},function () {$(this).css( {backgroundPosition:"-76px 0px"});});
	$("#four").hover(function() {$(this).css( {backgroundPosition:"-116px -32px"});},function () {$(this).css( {backgroundPosition:"-116px 0px"});});
	$("#five").hover(function() {$(this).css( {backgroundPosition:"-156px -32px"});},function () {$(this).css( {backgroundPosition:"-156px 0px"});});
}

//Number Highlight
function numberHighlight(){
	$("#one").css( {backgroundPosition:"0px 0px"});
	$("#two").css( {backgroundPosition:"-36px 0px"});
	$("#three").css( {backgroundPosition:"-76px 0px"});
	$("#four").css( {backgroundPosition:"-116px 0px"});
	$("#five").css( {backgroundPosition:"-156px 0px"});
}

//Activate Immediately
$(document).ready(function(){
	numberRollovers();
	$("#one").hover(function() {$(this).css( {backgroundPosition:"0px -64px"});},function () {$(this).css( {backgroundPosition:"0px -64px"});});
	$("#quote2").fadeOut(0);
	$("#quote3").fadeOut(0);
	$("#quote4").fadeOut(0);
	$("#quote5").fadeOut(0);
});

//Reveals Quote 1
function showQuote1(){
	$("#quote2").fadeOut("slow");
	$("#quote3").fadeOut("slow");
	$("#quote4").fadeOut("slow");
	$("#quote5").fadeOut("slow");
	$("#quote1").fadeIn("slow");
	numberHighlight();
	$("#one").css( {backgroundPosition:"0px -64px"});
	numberRollovers();
	$("#one").hover(function() {$(this).css( {backgroundPosition:"0px -64px"});},function () {$(this).css( {backgroundPosition:"0px -64px"});});
}

//Reveals Quote 2
function showQuote2(){
	$("#quote1").fadeOut("slow");
	$("#quote3").fadeOut("slow");
	$("#quote4").fadeOut("slow");
	$("#quote5").fadeOut("slow");
	$("#quote2").fadeIn("slow");
	numberHighlight();
	$("#two").css( {backgroundPosition:"-36px -64px"});
	numberRollovers();
	$("#two").hover(function() {$(this).css( {backgroundPosition:"-36px -64px"});},function () {$(this).css( {backgroundPosition:"-36px -64px"});});
}

//Reveals Quote 3
function showQuote3(){
	$("#quote1").fadeOut("slow");
	$("#quote2").fadeOut("slow");
	$("#quote4").fadeOut("slow");
	$("#quote5").fadeOut("slow");
	$("#quote3").fadeIn("slow");
	numberHighlight();
	$("#three").css( {backgroundPosition:"-76px -64px"});
	numberRollovers();
	$("#three").hover(function() {$(this).css( {backgroundPosition:"-76px -64px"});},function () {$(this).css( {backgroundPosition:"-76px -64px"});});
	
}

//Reveals Quote 4
function showQuote4(){
	$("#quote1").fadeOut("slow");
	$("#quote2").fadeOut("slow");
	$("#quote3").fadeOut("slow");
	$("#quote5").fadeOut("slow");
	$("#quote4").fadeIn("slow");
	numberHighlight();
	$("#four").css( {backgroundPosition:"-116px -64px"});
	numberRollovers();
	$("#four").hover(function() {$(this).css( {backgroundPosition:"-116px -64px"});},function () {$(this).css( {backgroundPosition:"-116px -64px"});});
}

//Reveals Quote 5
function showQuote5(){
	$("#quote1").fadeOut("slow");
	$("#quote2").fadeOut("slow");
	$("#quote3").fadeOut("slow");
	$("#quote4").fadeOut("slow");
	$("#quote5").fadeIn("slow");
	numberHighlight();
	$("#five").css( {backgroundPosition:"-156px -64px"});
	numberRollovers();
	$("#five").hover(function() {$(this).css( {backgroundPosition:"-156px -64px"});},function () {$(this).css( {backgroundPosition:"-156px -64px"});});
}


//Show Numbers
function showNumbers(){
	document.write('<ul id="testNumbers"><li class="png_bg" id="one" onclick="showQuote1();">1</li><li class="png_bg" id="two" onclick="showQuote2();">2</li><li class="png_bg" id="three" onclick="showQuote3();">3</li><li class="png_bg" id="four" onclick="showQuote4();">4</li><li class="png_bg" id="five" onclick="showQuote5();">5</li></ul>');
}