$(function(){
	// IE6 sucks
	if($.browser.msie && $.browser.version == '6.0'){ return; }
	// Menu
	$('<ul id="secondary" class="clearfix"></ul>').insertBefore('#services>div:first');
	$('h2.serviceName').each(function(){
		var id = $($(this).find('~div')[0]).attr('id');
		$(this).attr('rel',id);
	});
	$('h2.serviceName')
		.appendTo('#secondary')
		.wrap('<li></li>')
		.removeClass('serviceName')
		.find('span')
		.each(function(){
			var span = $(this);
			var rel = span.attr('rel');
			var txt = span.html();
			var id = $(this).parents('h2').attr('rel');
			span.replaceWith('<a rel="'+rel+'" href="#'+id+'">'+txt+'</a>');
		});
	$('#secondary h2').removeAttr('rel')
	$('#secondary h2:first a').addClass('current');
	// Blocks
	$('<div id="mask">').insertBefore('#haircut');
	$('#mask')
		.css({'height':$('div.container:first').height()+30,'overflow':'hidden','padding':'0'})
		.append('<div id="scroller">')
		.scrollTo($('#secondary a:first').attr('href'), 800);
	$('div.container')
		.appendTo('#scroller')
		.css({'float':'left'})
		.addClass('clearfix');
	$('#scroller').width(parseInt($('#mask').width() * $('#scroller div.container').length));
	$('#scroller div.container').width($('#mask').width()-30);
	$('#secondary a').bind('click', function(e){
		var panelheight = $($(this).attr('href')).height()+30;
		$('#secondary a').removeClass('current');
		$(this).addClass('current');
		$('#mask').animate({'height':panelheight},{queue:false, duration:500});
		$('#mask').scrollTo($(this).attr('href'), 800);
		e.preventDefault();
	});
});