onload=function(){
/* set initial state */
$$('#searchCards span.searchSection').setStyle('display','none'); /* hide headings/anchors*/

/* determine if anchor is in URL */
var whichSearch = document.URL.substring(document.URL.indexOf('#')+1);
var startCard;
switch(whichSearch) { /* set up initial state based on anchor used in URL, if any */
	default: startCard = '1'; break;
	case 'searchOurCatalog': startCard = '2'; break;
	case 'searchTheInternet': startCard = '3'; break;
}
/* set state for all cards to hidden */
for (var i=1;i<=3;i++) { 
	var cardBase = 'searchCard', card = cardBase.concat(i);
	var state = 'hide'; $(card).slide(state);
}
/* show the correct card */
showCard(startCard);

/* fix IE7/Firefox2 problem with margins */
ua=navigator.userAgent;
if(ua.substring((ua.indexOf('MSIE')+5),(ua.indexOf('MSIE')+6))=='7') { 
	$('searchTabs').setStyle('margin-bottom','7px'); }
if(ua.substring((ua.indexOf('Firefox/')+8),(ua.indexOf('Firefox/')+9))=='2') { 
	$('searchTabs').setStyle('margin-bottom','7px'); }
}

function showCard () { /*vertical slide the indicated div in, slide all others out.*/
	var args=showCard.arguments, 
		cardNumber = args[0], 
		cardBase = 'searchCard', 
		slidBase = 'slideCard', 
		linkBase = 'searchLink',
		linkStyl;
	for (var i=1;i<=3;i++) {
		var card = cardBase.concat(i); var link = linkBase.concat(i); var slid = slidBase.concat(i);
		var state = 'out', color = '#bbe0ff', bordr = '1px solid #6674bf', style = 'url(/template_images/search/tab.gif)';
		if (cardNumber == i) { 
		    state = 'in';  color = '#d7ecff'; bordr = '1px solid #d7ecff'; style = 'url(/template_images/search/tabActive.gif)'; }
		$(card).slide(state);
		$(slid).setStyle('background',style); $(link).setStyle('background',color); $(link).setStyle('border-bottom',bordr);
	}
	switch(cardNumber) { /* insert cursor in correct field */
		case '1': $('webSiteSearchText').focus(); break;
		case '2': $('searchdata1').focus(); break;
		case '3': $('internetSearchText').focus(); break;
	}
}

window.addEvent('domready', function() {
	/* define event handlers */
	$('slideCard1').addEvent('click', function(e){ e.stop();showCard('1'); });
	$('slideCard2').addEvent('click', function(e){ e.stop();showCard('2'); });
	$('slideCard3').addEvent('click', function(e){ e.stop();showCard('3'); });
	/* Do not need 'e.stop();' in function(e) because I want the anchor to function */
});