//////////////////////
// Init function... //
//////////////////////

$(document).ready(function () {
	
	$('#bShowBecomeFriend').click(function(){
		$('#becomeFriendHolder').slideDown('slow');
		$('#bShowBecomeFriend').hide();
		$('#bSubmitBecomeFriend').show();
	});
	
	$("#iOtherAmount").keydown(function(e) {
		$("#iAmountOther").attr("checked", true);
	});
	
	initFriendsBox();
});

var l;
var r;
var cur;
var timeout;
var images;
var listContainer;
var displayItems;

function initFriendsBox() {
	Cufon.replace( '.friendsbox h3' );
	Cufon.replace( '.picnstuff' );
	Cufon.replace( '#friendslist .quote' );
	
	$("#friendlistbox img").click(function() {
		showFriend(this);
	});
	
	initList();
	timeout = setTimeout(nextFriend, 10000);
	
	$("#scrollright").click(function() {
		setBounds(l.next);
	});
	$("#scrollleft").click(function() {
		setBounds(l.prev);
	});
}

function initList() {
	listContainer = $("#friendlistbox");
	images = listContainer.children("img");
	displayItems = $("#friendslist div.friend")
	
	var numImg = images.length;
	for(i = 0; i < numImg; i++) {
		if(i+1 < numImg) {
			images[i].next = images[i+1];
		} else {
			images[i].next = images[0];
		}
		if(i > 0) {
			images[i].prev = images[i-1];
		} else {
			images[i].prev = images[numImg-1];
		}
		
		images[i].display = displayItems.eq(i);
	}
	
	cur = images[0];
	showFriend(cur);
	setBounds(cur);
}

function setBounds(left) {
	l = left;
	r = l;
	images.detach();
	listContainer.append(l);
	for(i = 0; i < 4; i++) {
		r = r.next;
		listContainer.append(r);
	}
}

function nextFriend() {
	showFriend(cur.next);
	setBounds(l.next);
}

function showFriend(friend) {
	images.removeClass("selected");
	var jFriend = $(friend);
	jFriend.addClass("selected");
	
	displayItems.hide();
	friend.display.show();
	
	cur = friend;
	clearTimeout(timeout);
	timeout = setTimeout(nextFriend, 10000);
}