function modal(element) {
	$('body').addClass('modal');
	$('<div id="extra_wrap">').prependTo('body');
	$('</div>').appendTo('body');
	$('#overlay').removeClass('inviz');
	$('#overlay').fadeIn('fast');
	$(element).removeClass('inviz');
	$(element).fadeIn('slow');
	window.location.hash="top";
	
	var lastButton = $(element+' a.play');
	$(lastButton).parent('li').addClass('active-button');
	
	$(element+' .xout a').click(function() {
		$('body').removeClass('modal');
		$('#overlay').fadeOut('fast');
		$(element).fadeOut('fast');
		return false;
	});

	$(element+' .sliding').cycle({
		fx:    'fade', 
		speed: 800,
		timeout:  6000,
		//delay: -4000,
		next: element+' .next',
		prev: element+' .previous'		
	});
	
	$(element+' .buttons a').click(function() {
		var that = this;
		$(lastButton).parent('li').removeClass('active-button');
		$(this).parent('li').addClass('active-button');
		if(this.className == "next" || this.className == "previous") {
			setTimeout(function() {
				$(that).fadeOut(400);
				setTimeout(function() {
					$(that).parent('li').removeClass('active-button');
					$(that).css('display', 'block');
				}, 500);
			}, 500);
		}
		lastButton = this;
	});
	
	$(element+' .pause').click(function() {
		$(element+' .sliding').cycle('pause');
		return false;
	});
	
	$(element+' .play').click(function() {
		$(element+' .sliding').cycle('resume');
		return false;
	});
}