// For toggling input boxes
jQuery.fn.toggleVal=function(focusClass){this.each(function(){$(this).focus(function()
{if($(this).val()==this.defaultValue){$(this).val("")}if(focusClass)
{$(this).addClass(focusClass)}}).blur(function(){if($(this).val()=="")
{$(this).val(this.defaultValue)}if(focusClass){$(this).removeClass(focusClass)}})})}

$(document).ready(function(){

	// Toggle the value of an input or textarea on focus
	$(".toggle").toggleVal("active");

	//initialise the slider by hiding all the child divs
	$('div.jslider> div.slide_content').hide();
		
	//Toggle the divs
	$('div.jslider>h3.slide_header').toggle (function() {
		$(this).prev('.slide_up').css('display', 'block'); 
		$(this).prev().slideDown('fast');
	}, function() {
		$(this).prev().slideUp('fast');
	});



	// For Lightbox
	$(".fancybox").fancybox(
		{'titleShow': true,
		'titlePosition':'inside',
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic'}
	);	
	
	// Start DumbCrossfader
	var options = {
		'slideType':'fade',
		'fadeInOut':true,
		'transitionTime':1500
	}; 
	$('.crossfade .item').dumbCrossFade(options);

	// Create previous and next links
	$('.next').click(function() {
		$('.crossfade .item').dumbCrossFade('next') 
		return false;
	});	
	
	$('.prev').click(function() {
		$('.crossfade .item').dumbCrossFade('previous');
		return false;
	});	
	
	// Create specific page links using the attr id (can use rel instead)
	$('a.nav_item').click(function() {
		index = $(this).attr('id');
		$('.crossfade .item').dumbCrossFade('jump',index);
		$('a.nav_item').removeClass('selected');
		$(this).addClass('selected');
	});	
	// End DumbCrossfader	
	
	
	// Start Carousel - for when you want to display multiple items at once (as opposed to crossfader which displays one item at once)	
	$(".carousel").jCarouselLite({
        btnNext: ".next-carousel",
        btnPrev: ".prev-carousel",
		visible: 3,
		auto: 5000
    });			
	
	
	// For dropdown menu to work in older IE versions
	$("ul.dropdown li").dropdown();
	 
});


$.fn.dropdown = function() {

	$(this).hover(function(){
		$(this).addClass("hover");
		$('> .dir',this).addClass("open");
		$('ul:first',this).css('visibility', 'visible');
	},function(){
		$(this).removeClass("hover");
		$('.open',this).removeClass("open");
		$('ul:first',this).css('visibility', 'hidden');
	});

}