var currentQueueIndex = 0;

// Cloud Types: CSS name, Speed, Initial Speed

CloudTypes = new Array(3)
CloudTypes[0] = ["L", 35000, 8000];
CloudTypes[1] = ["M", 40000, 20000];
CloudTypes[2] = ["S", 45000, 30000];
CloudTypes[3] = ["XL", 50000, 20000];

$(document).ready(function(){		
	setTimeout("animation()",300);	
	// initialize scrollable 
	$("div.scrollable").scrollable({
		size: 1,
		items: '.thumbs',  
		hoverClass: 'hover',
		interval: 6000,
		loop: true
	});
	$("div.scrollable2").scrollable({
		size: 1,
		items: '.thumbs2',
		interval: 8000,
		loop: true
	});
	$("div.span").scrollable({
		size: 3,
		items: '.thumbs3',
		loop: true
	});
	$(".eHeight").each( function() {
		$(".eH", this).equalizeCols();
	});
	$('div#menu> .itemContent').hide();
	$('div#menu> .menuItemTitle').click(function() {
		$(this).next('.itemContent').slideToggle('fast')
			.siblings('div.itemContent:visible').slideUp('fast');
	});
	// Start the cloud movement
	for (i = 0; i < CloudTypes.length; ++ i) {
		moveCloud(CloudTypes[i][0], CloudTypes[i][1], CloudTypes[i][2]);
	}
});
// Cloud movement
function moveCloud(id, speed, initialspeed) {
	if (parseInt($("#cloud" + id).css("right")) == 100) {
		// Second or + movement, final speed
		$("#cloud" + id).css("right", "-220px");
		thisspeed = speed;
	} else {
		// First time it's moving, so start at initial speed
		thisspeed = initialspeed;
	}
		
	$("#cloud" + id).animate({right:"100%"}, thisspeed, "linear");
	setTimeout("moveCloud('" + id + "', "+speed+")", thisspeed+100);
}
function animation(){
	sun_raft();
}
function sun_raft(){
	$("#summer").animate({top:"-=5px"},1500).animate({top:"+=5px"}, 1500);
		setTimeout("sun_raft()",2000);
}