/* Tab Selection Functions */
function select_panel(baseid, panel_id_base) {
	var tabs = $(baseid + "_tabs").childNodes;
	var tab_id = panel_id_base + "_tab";
	var panel_id = panel_id_base + "_panel";
	$A(tabs).each( 
		function(the_tab) {
			if(the_tab.nodeName == "LI") {
				the_tab = $(the_tab)
				the_tab.removeClassName("tab_unselected");
				the_tab.removeClassName("tab_selected");
				if(the_tab.id == tab_id) {
					the_tab.addClassName("tab_selected");
				} else {
					the_tab.addClassName("tab_unselected");
				}
			}
		}
	);
	var panels = $(baseid + "_panels").childNodes;
	$A(panels).each(
		function(the_panel) {
			if(the_panel.nodeName == "LI") {
				the_panel = $(the_panel)
				the_panel.removeClassName("panel_unselected");
				the_panel.removeClassName("panel_selected");
				if(the_panel.id == panel_id) {
					the_panel.addClassName("panel_selected");
				} else {
					the_panel.addClassName("panel_unselected");
				}
			}
		}
	);
}

/* For Collapsable Sections */
function cancel_bubbling(e) {
	if (!e) var e = window.event;
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
}

function toggleProduct(id) {
	new Effect.toggle('toggle_product_' + id, 'slide');
	new Effect.toggle('product_basic_description_' + id, 'slide');
	
	var link = $('toggle_product_link_' + id);
	var closed = 'toggle_link_closed';
	var open = 'toggle_link_open';
	if (link.className.match(/closed/)) {
		link.removeClassName(closed);
		link.addClassName(open);
	} else if (link.className.match(/open/)) {
		link.removeClassName(open);
		link.addClassName(closed);
	}
}

function toggleSomething(id, idx) {
	// idx = title_id
	// id = element_id
	new Effect.toggle(id, 'slide', {duration: 0.3});
	
	var link = $(idx);
		var open = "open";
		var closed = "closed";
		
		if (link.className.match(/closed/)) {
			link.removeClassName(closed);
			link.addClassName(open);
		} else if (link.className.match(/open/)) {
			link.removeClassName(open);
			link.addClassName(closed);
		}
}

function openSomething(id, title_id) {
	if ($(title_id).className.match(/closed/)) { toggleSomething(id, title_id); }
}

// function addEvent(something, another, thing) {
// 	alert("test");
// }

function addEvent(elementObject, eventName, functionObject) {
  if(document.addEventListener) {
    elementObject.addEventListener(eventName, functionObject, false);
  }
  else if(document.attachEvent) {
    elementObject.attachEvent("on" + eventName, functionObject);
  }
}