<!--

function update_panes(pane) {
	var pane_array = new Array();
	pane_array[0] = 'main';
	pane_array[1] = 'negroni';
	pane_array[2] = 'sorbet_vodka_shot';
	pane_array[3] = 'citron_presse';
	pane_array[4] = 'berry_chiller';

	for (var i=0; i<pane_array.length; i++){
		if(document.getElementById("pic_" + pane_array[i])){
			div_pane = document.getElementById("pic_" + pane_array[i]);
			if(pane == pane_array[i]){div_pane.style.display = 'block';}else{div_pane.style.display = 'none';}
		}
		if(document.getElementById("txt_" + pane_array[i])){
			div_pane = document.getElementById("txt_" + pane_array[i]);
			if(pane == pane_array[i]){div_pane.style.display = 'block';}else{div_pane.style.display = 'none';}

		}
	}
	div_pane = document.getElementById("square");
	div_pane.style.display = 'block';

}


var timerHandle = null;

function scroll_div(layer,direction,refresh_gained) {
	var pixels 		= 1;	// Number of pixels scrolled for each loop
	var refresh_rate = 70;	// Speed at which layer scrolls
	var refresh_gain = 1;	// Speed at which layer increases pixel jump 
	var min_height  = 300;	// For test when minimum scroll hieght is reached
	var min_width   = 220;	// For test when minimum scroll hieght is reached
	var max_height	= 400;	// Can not scroll past this point.
	div_layer = document.getElementById(layer);

	update = false;
	
	// The longer you mouseover the faster it scrolls
	if(refresh_gained){
		pixels = pixels + parseInt(refresh_gained);
	}
	
	
	// If this is the first time to scroll the layer
	if(!div_layer.style.clip){
		div_layer.style.width	= min_width + "px";
		div_layer.style.height	= min_height + "px";
		
		// Set placement
		div_layer.style.clip = "rect(auto auto auto auto)";
		div_layer.style.top = 0 + "px";
	}
	
	// If the layer is moving
	else if(div_layer.style.clip && direction != 'stop'){
		clip_data_1 = div_layer.style.clip;
		clip_data_1 = div_layer.style.clip.replace(/, /gi," ");		
		clip_data_1 = div_layer.style.clip.replace(/ ,/gi," ");		
		clip_data_1 = div_layer.style.clip.replace(/,/gi," ");		
		clip_data_2 = clip_data_1.split('(');
		clip_data_3 = clip_data_2[1].split(')');
		clip_array  = clip_data_3[0].split(' ');
		
		if(clip_array[0] == 'auto' || clip_array[0] == ''){clip_array[0] = 0;}
		if(clip_array[1] == 'auto' || clip_array[1] == ''){clip_array[1] = 0;}
		if(clip_array[2] == 'auto' || clip_array[2] == ''){clip_array[2] = 0;}
		if(clip_array[3] == 'auto' || clip_array[3] == ''){clip_array[3] = 0;}
		
		if(direction == 'up' && parseInt(div_layer.style.height) > min_height){
			style_height = parseInt(div_layer.style.height) - pixels;
			style_top	= parseInt(div_layer.style.top) + pixels;

			// Clip top needs to be offset to the amount the height has grown
			clip_top    = parseInt(clip_array[0]) - pixels + "px ";
			clip_right  = "auto ";
			clip_bottom  = "auto ";
			clip_left   = parseInt(clip_array[3]) + "px";
			update = true;
		}
		if(direction == 'down' && parseInt(div_layer.style.height) < max_height){
			style_height = parseInt(div_layer.style.height) + pixels;
			style_top	= parseInt(div_layer.style.top) - pixels;

			// Clip top needs to be ofset to the amount the height has grown
			clip_top    = parseInt(clip_array[0]) + pixels + "px ";
			clip_right  = "auto ";
			clip_bottom  = "auto ";
			clip_left   = parseInt(clip_array[3]) + "px";
			update = true;
		}

		// Set placement
		if(update){
			div_layer.style.clip = "rect(" + clip_top + clip_right + clip_bottom + clip_left + ")";
			div_layer.style.top = style_top + "px";
			div_layer.style.height = style_height + "px";
		}
	}
	
	// If layer should stop or keep moving
	if(direction == 'stop'){
		 if (timerHandle != null) {
			  clearTimeout(timerHandle);
			  timerHandle = null;
		 }
		 // Reset the gain
		 refresh_gained = null;
	}
	else{
		if(!refresh_gained){refresh_gained = 0;}
		refresh_gained = parseInt(refresh_gained) + refresh_gain;
		timerHandle = setTimeout('scroll_div(\'' + layer + '\',\'' + direction + '\',\'' + refresh_gained + '\');', refresh_rate);
	}
}
-->