$(document).ready(function(){
    $('INPUT.auto-hint').each(function(i, el){
        if($(this).val() == ''){
            $(this).val($(this).attr('title'));
        }
        $(el).focus(function(){
            if ($(this).val() == $(this).attr('title')) {
                $(this).val('');
            }       
        });
        $(el).blur(function(){
            if ($(this).val() == '') {
                $(this).val($(this).attr('title'));
            }
        });
    });
	
	$('UL#side-nav > LI.close > UL').hide();
    
    $('UL#side-nav > LI SPAN.little-arrow').click(function(){
	    var li = $(this).parent();
	    if(!li.hasClass('open') && !li.hasClass('close')){
	        return true;
	    }
	    if(li.hasClass('open')){
	        li.removeClass('open');
	        li.addClass('close');
	        li.children('UL').hide();
	    } else {
			li.removeClass('close');
	        li.addClass('open');
	        li.children('UL').show();
	    }
	    return false;
    });
	

	
	if( $('#slider').length > 0 ) {
		$('#slider #nav ul').tabs('#slider .slide', {
			effect: 'fade',
			fadeOutSpeed: "slow",
			rotate: true
		}).slideshow({
			interval: 8000,
			autoplay: true,	
			clickable: false		
		});
	}

	// Wordpress RSS feed
	$('.blogarticle').rssfeed('http://blog.colourmebeautiful.co.uk/feed/', {
		limit: 1,
		header: false,
		titletag: "h3",
		errormsg: "An unexpected error occurred whilst retrieving the latest blog article"
	});
	
	// Training Brochure Download Form
	$("#training-brochure-form").validate({
		rules: {
			Firstname: { required: true },
			Surname: { required: true },
			EmailAddress: { required: true, email: true }
		},
		messages: {
			Firstname: { required: "Please enter your firstname" },
			Surname: { required: "Please enter your surname" },
			EmailAddress: {
				required: "Please enter your email address",
				email: "Please enter a valid email address"
			}
		}
    });
    
	// Newsletter Signup Form
	$("#newsletter-signup-form").validate({
		rules: {
			txtField_14: { required: true },
			txtField_15: { required: true },
			txtField_0: { required: true, email: true }
		},
		messages: {
			txtField_14: { required: "Please enter your firstname" },
			txtField_15: { required: "Please enter your surname" },
			txtField_0: {
				required: "Please enter your email address",
				email: "Please enter a valid email address"
			}
		}
    });    
    
    // Open links in new window
    $('a[rel=external]').attr('target', '_blank');
});