$(document).ready(function(){
	// initial effect
	$('#content').delay('1000').slideDown('slow', function(){
		$('#footer').fadeIn('slow', function(){
			$('#the_div_below').fadeIn('fast');
		});
	});
	$('#contact_image').button();
	$('#contact_image').click(function(){
		$('#contact_form').css('display', 'inline');
		contactPopup.dialog('open');
	});
	var contactPopup = $('#dialog')
		.html($('#contact_form'))
		.dialog({
			autoOpen: false,
			title: 'Contact Hammy',
			modal: true,
			width: '500px'
		});
	$('#contact_form').submit(function(){
		if($("#contact_form").valid()){
			$.post('script/contact_email.php', $(this).serialize());
			$('#contact_form').html('<p>Thanks for the message! I\'ll get back to you as soon as I can.</p>'); /*.delay(5000, function(){
				contactPopup.dialog('close');
			}) */
			return false;
		}
		else{
			return false;
		}
	});

// portfolio showcase
	$('.portfolio_title').click(function(){
		$('.portfolio').html('<img src="img/siteimages/rid.jpg" /><p>This is a campaign site for the Health and Community Services Union which I built from scratch and proved to be a helpful organising tool during HACSU\'s Equal Pay Campaign.</p>');
	})
	$('#portfolio_image').button();
	$('#portfolio_image').click(function(){
		portfolioPopup.dialog('open');
	});
	var portfolioPopup = $('#dialog1')
	.html($('#portfolio').css('display', 'block'))
		.dialog({
			autoOpen: false,
			title: 'My Portfolio',
			modal: true,
			width: '900px'
		});
	$('#showcase li').css({
		'display' : 'none',
		'list-style-type' : 'none'
	});
	$('#showcase li').first().css('display', 'block');
	$('.next').click(function(){
		$(this).parent('li')
			.css('display', 'none')
			.next().css('display', 'block');
	});
	$('.next_last').click(function(){
		$(this).parent('li')
			.css('display', 'none');
		$('#showcase li').first().css('display', 'block');
	});
	$('.prev').click(function(){
		$(this).parent('li')
			.css('display', 'none')
			.prev().css('display', 'block');
	});
	$('.prev_last').click(function(){
		$(this).parent('li')
			.css('display', 'none');
		$('#showcase li').last().css('display', 'block');
	});
	
	/* Form Validation */
	$("#contact_form").validate();
	
	/* twitter business */
	$('#twitter').css('display', 'none');
	$('#twitter_link').toggle(
		function(){
			$('#twitter').slideDown();
			return false;
		},
		function(){
			$('#twitter').slideUp();
			return false;
		}
	);
});