// JavaScript Document

//Global variable
CI_ROOT = "http://ballooninabox.co.uk/";

$(function(){
	var myImgs = [''+CI_ROOT+'images/general_images/balloon_2.jpg', ''+CI_ROOT+'images/general_images/balloon_3.jpg', ''+CI_ROOT+'images/general_images/balloon_4.jpg', ''+CI_ROOT+'images/general_images/balloon_5.jpg', ''+CI_ROOT+'images/general_images/balloon_6.jpg', ''+CI_ROOT+'images/general_images/balloon_7.jpg', ''+CI_ROOT+'images/general_images/balloon_8.jpg', ''+CI_ROOT+'images/general_images/balloon_9.jpg', ''+CI_ROOT+'images/general_images/balloon_10.jpg'];
	
	preload(myImgs);
	
	bouquetNum = $("input[name='bouquet_id']:checked").val();
	loadSelctedBouquets(bouquetNum);
	
	$("input[name='bouquet_id']").click(function(){
		bouquetNum = $(this).val();										 
		loadSelctedBouquets(bouquetNum);
	});
	
});

function loadSelctedBouquets(bouquetNum){
	$("#dynamic_bouquet").empty();
	i=2;
	for(i==2;i<=bouquetNum;i++){
		$("#dynamic_bouquet").append("<img id='balloon_"+i+"_img' src='"+CI_ROOT+"images/general_images/product_page/balloon_"+i+".gif' alt='"+i+" Balloon in a Box'/>");		
	}
}

function preload(imgs) {
	var img;
	for (var i = 0, len = imgs.length; i < len; ++i) {
		img = new Image();
		img.src = imgs[i];
	}
}