$(document).ready(function() {
	$('.panels .panel').each(function(i) {
		var panel = $(this);
		panel.data('state', 0);
		panel.mouseenter(function() {

			activate_panel(panel);
		});
		panel.mouseleave(function() {
			deactivate_panel(panel);
		});
	});

	// don't show the colorbox close icon as we're using our own
		$('#cboxClose').remove();

		$('.modalPopupClose').live('click', function() {
			parent.$.fn.colorbox.close();

		});

		$('.modalClose').live('mouseenter', function() {
			$(this).addClass('showCursor');

		});

		$('.modalClose').live('mouseleave', function() {
			$(this).removeClass('showCursor');

		});
	});

function activate_panel(panel) {

	if (panel.data('state') == 0) {

		panel.data('state', 1);

		panel.addClass('active');
		var popup = panel.children('.popup');
		if (popup.length >= 1) {
			popup = $(popup[0]);
			// popup.clearQueue();
			popup.animate( {
				height : 'show'
			}, function() {

				

			});
			
		}
		panel.data('state', 0);
	}
}

function deactivate_panel(panel) {

	if (panel.data('state') == 0) {

		panel.data('state', 1);
			
		panel.removeClass('active');
		var popup = panel.children('.popup');
		if (popup.length >= 1) {
			popup = $(popup[0]);
			popup.animate( {
				height : 'hide'
			}, function(){
				panel.data('state', 0);
			})
		
		}
	
	}
}