// internet explorer not 'fading' in or out.  may need to add the following to relative positioned elements
// opacity:inherit;
//filter: inherit;
// #banners .banner * {
//     opacity:inherit;
//     filter:inherit;
// }


(function($) {
	$.fn.slttabs = function(options) {
		var defaults = {
			beforeChange: defaultBeforeChange		// function to call before click event happens
		};
		var options = $.extend(defaults, options);

		var tabs = $(this);

		return this.each(function() {
			initEvents();
			switchTab($('.tab-nav li:first', tabs));
		});

		function initEvents() {
			$('.tab-nav li', tabs).each(function() {
				$(this).click(function(event) {
					var tabcontentid = $(this).data('tabid');
					options.beforeChange($(this), $('#'+tabcontentid));
					switchTab($(this));
				});
			});
		}

		function switchTab(tabid) {
			$('.selected', tabs).removeClass('selected');
			tabid.addClass('selected');
			$('#' + tabid.data('tabid')).addClass('selected');
		}

		function defaultBeforeChange(tab, tabcontent) {
		}
	};
})(jQuery);