// remap jQuery to $
(function($){})(window.jQuery);

var currentPanel = null;

$(document).ready(function (){


	var width = $(window).width();
	
	if (width <= 480) {
		//alert('very small screen!');
		$(document.body).addClass('verySmall');
	}

	
	$('.projectLink').each(function(){
		
		$(this).bind('click', function(){
			/*
			var nt;
		
			if ($(this).hasClass('project')) {
				nt = $('#projects').offset();
			} else if ($(this).hasClass('client')) {
				nt = $('#clientWork').offset();
			}
		
			// alert(nt.top);
			
			$(window).scrollTop(nt.top);
			
			*/
			
			var a = new Array ($(this).attr('data-md-target'), $(this).attr('data-md-group'));

			if($(this).hasClass('active')) {
			// active item in a group clicked

				//alert('active item');
				$('#lg_' + a[0]).slideUp('fast').removeClass('active');
				$(this).removeClass('active');

			} else {
			// inactive item is clicked

				if (($('div[data-md-group="' + a[1] + '"]').hasClass('active')) && (!($(document.body).hasClass('verySmall')))) {
				// second item in a group is clicked

					//alert('swapping items');
					$('a[data-md-group="' + a[1] + '"]').removeClass('active');
					$(this).addClass('active');
					
					$('div.active[data-md-group="' + a[1] + '"]').slideUp('fast',function(){
						$('#lg_' + a[0]).slideDown('fast').addClass('active')
					}).removeClass('active');

				} else {
				// first item in a group clicked

					//alert('first item');
					$(this).addClass('active');
					
					$('#lg_' + a[0]).slideDown('fast').addClass('active');
					
				}
			};
			return false;
			
		});
	});
	
});