$(document).ready(function(){				   

	//jquery pretty photo modal window
	$(function(){$("a[rel^='prettyPhoto']").prettyPhoto({theme: 'facebook'});});
	
	/* dropdown */
	$(".mainnav ul > li").hoverIntent({
		sensitivity: 5, 
		interval: 100, 
		over: makeTall, 
		timeout: 10, 
		out: makeShort
	});
	
	$(".sub_nav ul > li").hoverIntent({
		sensitivity: 5, 
		interval: 100, 
		over: makeTall2, 
		timeout: 10, 
		out: makeShort2
	});	
	
	// rotating bar
	theRotator();
	
	// drop down menu
	$('li.itemROW').click(function() {	
	
		$('.itemROW_sub').hide('fast');		
		$('.itemText').css('font-weight','normal');
		//$('li.itemROW').css('background-color','#fff');
				
		$('.itemText', this).css('font-weight','bold');
		//$(this).css('background-color','#f0f0f0');
		$(this).next().slideToggle('normal');	
	});	
	
	$('li.itemROW_n').click(function() {
		
		$('.itemROW_sub_n').hide('fast');
		$('.itemROW_sub > .itemROW_n > .itemText').css('font-weight','normal');
		
		$('.itemText', this).css('font-weight','bold');
		$(this).next().slideToggle('normal');
	});	
	
	
	$("#followme").scrollFollow({
		speed: 1000,
		offset: 60,
		container: 'widgets',
		onText: 'Disable Follow',
		offText: 'Enable Follow'
	});

});

/* dropdown triggers */
function makeTall(){ $("#subnav",this).slideDown("normal");};
function makeShort(){ $("#subnav",this).slideUp("fast");};

function makeTall2(){ $("#subnav2",this).slideDown("normal");};
function makeShort2(){ $("#subnav2",this).slideUp("fast");};


//upper slideshow
function theRotator() {
	//Set the opacity of all images to 0
	$('div#rotator ul li').css({opacity: 0.0});
	//Get the first image and display it (gets set to full opacity)
	$('div#rotator ul li:first').css({opacity: 1.0}); 
	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('rotate()',6000); 
};

function rotate() {	
	//Get the first image
	var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));
	//Get next image, when it reaches the end, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));	
	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);
	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
};