var branches;
var current_product = 0;
var current_image = "product_group_image_1";
var prev = 0;

var busy = new Array();

function change_branch_description(branch_id){

	if ( branch_id != -1 ){
		var container = document.getElementById("branch_description");
		while ( container.hasChildNodes() ){
			container.removeChild(container.childNodes[0]);
		}
	}

	if ( branch_id == 0 ){
		return false;
	}
	
	var now = new Date().getTime();
	
	if ( branch_id > 0 ){


		var len = busy.length;
		busy[len] = branch_id;

		var desc = document.createElement("div");
		desc.className = "product_description_text";
		
		desc.appendChild (document.createTextNode(branches[branch_id]["intro"]));
		container.appendChild(desc);	
	}
	if ( branch_id == current_product ){
		return false;
	}
	 
	if ( now - prev < 500 ){
		setTimeout("change_branch_description(-1)", 500 - (now-prev) );
		return;
	}
	
	var len = busy.length;
	branch_id = busy[len-1];
	busy = new Array();
	
	prev = now;
	
	
	if ( branch_id > 0 ){
		current_product = branch_id;
		
		if ( current_image == "product_group_image_1" ){
			current_image = "product_group_image_2";
			var to_fade = "product_group_container_1";
			var to_appear = "product_group_container_2";
		} else {
			current_image = "product_group_image_1";
			var to_fade = "product_group_container_2";
			var to_appear = "product_group_container_1";
		}
		
		new Effect.Fade(to_fade, {duration:0.5,to:0});
	
		var bg = document.getElementById(current_image);
		bg.src = branches[current_product]["landing_header"];
		new Effect.Appear(to_appear, {duration:0.5,to:1});
	}
}