// JavaScript Document
function showcase() {
	
	var rotatorspeed = 1000, rotatorinterval = 5000, currentselector = '.showcase-image.current', rotator, firstimage = Math.ceil(Math.random() * $('.showcase-image').length-1)
	
	$('.showcase-image:eq('+firstimage+')').addClass('current');
	
	function imagerotator() {	
		if ($(currentselector).next().length > 0) {
			$(currentselector).next().fadeIn(rotatorspeed, function(){
				$(currentselector).removeClass('current');
				$(this).addClass('current');
			});	
		} else {
			$(currentselector.replace('.current',':first')).fadeIn(rotatorspeed, function(){
				$(currentselector).removeClass('current');
				$(this).addClass('current');
			});
		}
		$(currentselector).fadeOut(rotatorspeed);
	}
	
	if ($('.showcase-image').length>1) {
		setTimeout(function() {
			imagerotator();
			rotator = setInterval(imagerotator, rotatorinterval);				
		}, 3000);
	}
	
}

$(document).ready(function() {

	showcase();
	
	var arrPageClass = $('body').attr('class').split(' ');
	
	$.each(arrPageClass, function(index, value){
		mySelector = '#mainmenu > li.'+value+' ul.subnav';
		$(mySelector).addClass('expanded');
	});
	
	//$('#mainmenu li a[href$="'+decodeURIComponent(location.pathname).toLowerCase()+'"]').addClass('current').parents('li').addClass('current');

	$('#mainmenu > li > a').click(function() {
		if ($(this).parent('li').children('ul.subnav').length > 0) {
			if (!$(this).parent('li').children('ul.subnav').hasClass('expanded')) {
				$('#mainmenu ul.subnav.expanded').slideToggle(function(){
					$(this).removeClass('expanded');
				});
				$(this).parent('li').children('ul.subnav').slideToggle(function(){
					$(this).addClass('expanded');
				});
			}
			return false;
		}
	});
	
	$('#closebtn a').toggle(
		function() {
			$('#foreground')
			.data('wh', { width : $('#foreground').width(), height : $('#foreground').height() })
			.addClass('collapsed')
			.animate({
				width : 4,
				height : 2,
				paddingLeft : 12,
				paddingTop : 12,
				paddingRight : 0,
				paddingBottom : 0
			}, 1000, function(){
				$('#closebtn a').html('&gt;');	
			}
			);
		},
		function() {
			$('#foreground').animate({
				width : $('#foreground').data('wh').width,
				height : $('#foreground').data('wh').height,
				paddingLeft : 20,
				paddingTop : 20,
				paddingRight : 20,
				paddingBottom : 20
			}, 1000, function(){
				$('#closebtn a').html('x');
				$(this).removeClass('collapsed');
			}
			);
		}
	);

});
