var Landing = {
    totalPersons: 0,
    viewElements: 3,
    availableSlots: [],
    availableItems: [],
    init: function() {
        Landing.availableSlots = $$(".personWrapper").slice(0, Landing.viewElements);
        Landing.availableItems = $$(".personWrapper").slice(Landing.viewElements);
		Landing.availableSlots.each(function(el){
			el.getElement(".person").addClass("current");
		});
	    setInterval('Landing.ChangePerson()', 5000);
    },
    ChangePerson: function() {
        if (Landing.availableItems.length == 0)
            return;
        var nextPerson = Landing.availableItems.shift();
		if (!nextPerson.hasClass("person")) // if its a wrapper , get its child (person)
			nextPerson=nextPerson.getElement(".person");
			
        nextPerson.setStyle("opacity", 0);
        var randomReplaced = Landing.availableSlots[(Math.floor(Math.random() * Landing.viewElements))];
        var personInSlot = randomReplaced.getElement(".person.current");
        randomReplaced.adopt(nextPerson);
        nextPerson.fade("in");
        personInSlot.fade("out");
		personInSlot.removeClass("current");
		nextPerson.addClass("current");
        Landing.availableItems.push(personInSlot);
    }

    // $("person1").fade("in")

    //$("personWrapper1").adopt($("person5"))

};

$domready(Landing.init);