// JavaScript Document

$(function() {
	//homepage slider
	$('#slider').nivoSlider({
		effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
        slices:15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 4000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: false, // Next & Prev navigation
        directionNavHide: true, // Only show on hover
        controlNav: false, // 1,2,3... navigation
        controlNavThumbs:false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav: false, // Use left & right arrows
        pauseOnHover: false, // Stop animation while hovering
        manualAdvance:false, // Force manual transitions
        captionOpacity:0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
	});
	
	//image link hover effect
	$('#slider a').addClass('nofade');
	$('#content a:not(.nofade) img').parent().hover(
		function() {
			$(this).animate({color: '#333'}, 150).children(':first').stop().fadeTo(150, .5);
		},
		function() {
			$(this).animate({color: '#999'}, 'slow').children(':first').fadeTo('slow', 1);
		}
	);
		
	//contact map
	if ($('#canvas_map').length > 0) {
		var latlng = new google.maps.LatLng(-37.82683, 144.960539);
		var myOptions = {
			zoom: 16,
			center: latlng,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.getElementById("canvas_map"), myOptions);
		
		var marker = new google.maps.Marker({
			position: latlng, 
			map: map, 
			title: "Me, Myself & I"
		});
	}
	
	//contact form
	$('#contact_submit').click(function() {
		$.post('ajax_contact.php', $('#contact_form').serialize(), function(response) {
			if (response == 'Message sent!') {
				$('#contact_form :input').val('');
			}
			$('#contact_message div').fadeOut('fast', function() {
				$(this).html(response).fadeIn('fast');
			});
		});
		return false;
	});
});