var quotes = new Array("images/quote1.gif", "images/quote2.gif", "images/quote3.gif", "images/quote4.gif" )

var quoteimage = new Array("images/01.jpg", "images/02.jpg", "images/03.jpg", "images/04.jpg", "images/05.jpg", "images/06.jpg", "images/07.jpg", "images/08.jpg")

 var loader = new Array();
 for(var i = 0; i < quotes.length; i++){
 loader[i] = new Image();
 loader[i].src = quotes[i];
 }
 
  var loader2 = new Array();
 for(var i2 = 0; i2 < quoteimage.length; i2++){
 loader[i2] = new Image();
 loader[i2].src = quoteimage[i2];
 }

var quoten = 0
var quoteimagen = 0
var quotel = quotes.length
var quoteimagel = quoteimage.length
 var f=10
 var b=0
 var t = 40
 var pt = 15000

function setthImage(){
quoten = Math.floor(Math.random()*quoten);
document.getElementById("fquote").src=quotes[quoten];
quoteimagen = Math.floor(Math.random()*quoteimagel);
document.getElementById("fquoteimage").src=quoteimage[quoteimagen];
 window.setTimeout ("nextfeatureImage()", pt);
}

function nextfeatureImage() {
 f=10
 b=0
if (quoten == quotel - 1){
	quoten = 0
}
else{
	quoten = quoten + 1
}
if (quoteimagen == quoteimagel - 1){
	quoteimagen = 0
}
else{
	quoteimagen = quoteimagen + 1
}
document.getElementById("bquote").src=quotes[quoten];
document.getElementById("bquoteimage").src=quoteimage[quoteimagen];
 fadeImage();
 window.setTimeout ("nextfeatureImage()", pt);
}
 
 function fadeImage() {
 if (f==0){
 document.getElementById("backquotebox").className="fadeimage10";
 document.getElementById("frontquotebox").className="fadeimage0";
document.getElementById("fquote").src=quotes[quoten];
document.getElementById("fquoteimage").src=quoteimage[quoteimagen];
 }
 else{
 document.getElementById("frontquotebox").className="fadeimage" + f;
 document.getElementById("backquotebox").className="fadeimage" + b;
 f = --f
 b = ++b
 window.setTimeout ("fadeImage()", t);
 }
 }