var LeftImgArray = Array();
var RightImgArray = Array();
var Lines = Array();

     $.ajax({
	     url: "mainSetup.xml",
	     async: false,
	     processData: false,
	     dataType: "xml",
	     success: function(xml) {
		 Lines.push($(xml).find('line1').text());		 
		 Lines.push($(xml).find('line2').text());
		 Lines.push($(xml).find('line3').text());
		 Lines.push($(xml).find('line4').text());

		 $(xml).find('image').each(function(){
			 if ($(this).attr('side') == 'left'){
			     LeftImgArray.push(
					       Array('./img/homePageImages/'+$(this).attr('url'),
						     $('quote' ,$(this).get()).text(), 
						     $('signature' ,$(this).get()).text() 
						      ));		
			 }
			 else if ($(this).attr('side') == 'right'){
			     RightImgArray.push(Array('./img/homePageImages/'+$(this).attr('url'),
						      $('quote' ,$(this).get()).text(), 
						      $('signature' ,$(this).get()).text() 
						      ));		
			 }			 
		     })
		     }
	 }).responseText;

var LftImgIndex;
var RgtImgIndex;
var fadeInTime = 2000;
var fadeOutTime = 2000;
var waitTime = 1500;
var lineWaitTime = 1000;

function fadeInLeft(){
    $("div.leftImgFadeContainer").eq(LftImgIndex).fadeIn(fadeInTime, waitLeft);	        

}
function waitLeft(){ 
    $("div.leftImgFadeContainer").animate({opacity: 1.0}, waitTime);       
    fadeOutLeft();	
}
function fadeOutLeft(){
    $("div.leftImgFadeContainer").eq(LftImgIndex).fadeOut(fadeOutTime, fadeInRight);
    LftImgIndex = (LftImgIndex + 1) % (LeftImgArray.length) ;
}
function fadeInRight(){
    $("div.rightImgFadeContainer").eq(RgtImgIndex).fadeIn(fadeInTime, waitRight);
}
function waitRight(){
    $("div.rightImgFadeContainer").animate({opacity: 1.0}, waitTime);       
    fadeOutRight();
}
function fadeOutRight(){
    $("div.rightImgFadeContainer").eq(RgtImgIndex).fadeOut(fadeOutTime, fadeInLeft);	   
    RgtImgIndex = (RgtImgIndex + 1) % (RightImgArray.length);
}

function shuffle(o){ //v1.0
	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
	return o;
};

$(document).ready(function(){
	//get fading lines
	var LineIndex = 1;
	for (var i = 0 ; i < Lines.length ; i++){
	    $('#linefader').append(
				   '<div id="Line'+(i+1)+'">'+Lines[i]+'</div>'
				   );
	}

	LftImgIndex = 0;
	RgtImgIndex = 0;

	if (Randomize){
	    LeftImgArray = shuffle(LeftImgArray);
	    RightImgArray = shuffle(RightImgArray);
	}
	
	for (var i = 0 ; i < LeftImgArray.length ; i++){ 	    
	    $('#imgFadeContainer').append(
					  '<div class="leftImgFadeContainer">' +
					  "<div class='leftImgFadeText' class='leftImgFadeText'>" +
					  "<div class='imgFadeQuote'> &quot;" + LeftImgArray[i][1] +"&quot;</div>" +   
					  "<div class='imgFadeSignature'>-"+ LeftImgArray[i][2]+"</div>" +
					  "</div>" +
					  '<img src="'+LeftImgArray[i][0]+'" /> '+
					  ' </div>'
					  );          
	}
	for (var i = 0 ; i < RightImgArray.length ; i++){ 
	    $('#imgFadeContainer').append(
				      '<div class="rightImgFadeContainer">' +
				      "<div class='rightImgFadeText'>" +
				      "<div class='imgFadeQuote'> &quot;" + RightImgArray[i][1] +"&quot;</div>" +   
				      "<div class='imgFadeSignature'>-"+ RightImgArray[i][2]+"</div>" +
				      "</div>"+
				      '<img src="'+RightImgArray[i][0]+'" />' +
				      '</div>'
				      );          
	}  

	if ($('#linefader #Line1').length > 0){
	    $('#linefader #Line1').fadeIn(lineWaitTime, function(){
	if ($('#linefader #Line2').length > 0){
	    $('#linefader #Line2').fadeIn(lineWaitTime, function(){
	if ($('#linefader #Line3').length > 0){
	    $('#linefader #Line3').fadeIn(lineWaitTime, function(){
	if ($('#linefader #Line4').length > 0){
	    $('#linefader #Line4').fadeIn(lineWaitTime, function(){
		    fadeInLeft();
		});
	}else{
	    fadeInLeft();
	}		    

		});
	}else{
	    fadeInLeft();
	}		    

		});
	}else{
	    fadeInLeft();
	}		    

		});
	}else{
	    fadeInLeft();
	}
    });