/*************************************************************************
	  This code is from Dynamic Web Coding at www.dyn-web.com
	  Copyright 2001-4 by Sharon Paine 
	  See Terms of Use at www.dyn-web.com/bus/terms.html
	  regarding conditions under which you may use this code.
	  This notice must be retained in the code as is!
	*************************************************************************/
	
	function initScrollLayer() {
	  // arguments: id of layer containing scrolling layers (clipped layer), id of layer to scroll, 
	  // if horizontal scrolling, id of element containing scrolling content (table?)
	  var wndo = new dw_scrollObj('wn', 'mixology');
	  
	  // bSizeDragBar set true by default (explained at www.dyn-web.com/dhtml/scroll/ )
	  wndo.bSizeDragBar = false;
	  
	  // arguments: dragBar id, track id, axis ("v" or "h"), x offset, y offset
	  // (x/y offsets of dragBar in track)
	  wndo.setUpScrollbar("dragBar", "track", "v", 1, 1);
	  
	  // pass id('s) of scroll area(s) if inside table(s)
	  // i.e., if you have 3 (with id's wn1, wn2, wn3): dw_scrollObj.GeckoTableBugFix('wn1', 'wn2', 'wn3');
	  dw_scrollObj.GeckoTableBugFix('wn'); 
	}
	
	/** 
		This code was written by Thomas at Bent Media.
		It creates and manages the buttons used in switching between content areas.
	**/
	
	var mixologist = "";
	var mixology_button_sections = [];
	
	function initMixology()
	{
		initScrollLayer();
		clickButton('mixology');
	}
	
	function writeButton(section)
	{
		var img_on = "images/"+mixologist+"_button_"+section+"_on.gif";
		var img_off = "images/"+mixologist+"_button_"+section+"_off.gif";
		var img_tophead = "images/"+mixologist+"_tophead_"+section+".gif";

		var quote_section = "'"+section+"'";
		
		(new Image()).src = img_on;
		(new Image()).src = img_tophead;
		
		document.write('<div class="mixology_button" id="button_'+section+'"><a href="javascript:;" onclick="clickButton('+
			quote_section+'); return false;"><img onmouseover="swapButton(this, '+quote_section+
			',1);" onmouseout="swapButton(this, '+quote_section+',0);" src="'+img_off+
			'" alt="" width="145" height="15" border="0"><\/a><\/div>');
		
		mixology_button_sections[mixology_button_sections.length] = section;
	}
	
	function clickButton(section)
	{
		dw_scrollObj.loadLayer('wn',section);
		document.getElementById(mixologist+"_tophead").src = "images/"+mixologist+"_tophead_"+section+".gif";;
	}
	
	function swapButton(img, section, hover)
	{
		var img_on = "images/"+mixologist+"_button_"+section+"_on.gif";
		var img_off = "images/"+mixologist+"_button_"+section+"_off.gif";
		img.src = hover ? img_on : img_off;
	}