// JavaScript Document
jQuery(document).ready(function($) {
	// Pre-load all hover images
    if (document.images) {
		preload_image_object = new Image();
		// set image url
		image_url = new Array();
		image_url[0] = "http://www.hivehealth.com/wp-content/themes/rf_hivehealth/img/home-title-beapart-over.gif";
		image_url[1] = "http://www.hivehealth.com/wp-content/themes/rf_hivehealth/img/home-title-who-over.gif";
		image_url[2] = "http://www.hivehealth.com/wp-content/themes/rf_hivehealth/img/home-title-gallery-over.gif";
		image_url[3] = "http://www.hivehealth.com/wp-content/themes/rf_hivehealth/img/home-title-blog-over.gif";
		image_url[4] = "http://www.hivehealth.com/wp-content/themes/rf_hivehealth/img/sidebar-title-beapart-over.gif";
		image_url[5] = "http://www.hivehealth.com/wp-content/themes/rf_hivehealth/img/sidebar-title-who-over.gif";
		image_url[6] = "http://www.hivehealth.com/wp-content/themes/rf_hivehealth/img/sidebar-title-gallery-over.gif";
		image_url[7] = "http://www.hivehealth.com/wp-content/themes/rf_hivehealth/img/sidebar-title-blog-over.gif";
		var i = 0;
		for(i=0; i<=7; i++) preload_image_object.src = image_url[i];
	}
	
	// HOMEPAGE CAROUSEL
	//grab the width and calculate left value
	var item_width = $('#slides li').outerWidth();
	var left_value = item_width * (-4);
    //move the last item before first item, just in case user click prev button
	$('#slides li').first().before($('#slides li').last());
	$('#slides li').eq(1).before($('#slides li').eq(-1));
	$('#slides li').eq(2).before($('#slides li').eq(-2));
	$('#slides li').eq(3).before($('#slides li').eq(-3));
	//set the default item to the correct position
	$('#slides ul').css({'left' : left_value});
    //if user clicked on prev button
	$('#prev').click(function() {
		//get the right position
		var left_indent = parseInt($('#slides ul').css('left')) + (item_width * 4);
		//slide the item
		$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function(){
            //move the last item and put it as first item
			var j=0; for(j=0; j<=3; j++) $('#slides li').first().before($('#slides li').last());
			//set the default item to correct position
			$('#slides ul').css({'left' : left_value});
		});
		//cancel the link behavior
		return false;
	});
    //if user clicked on next button
	$('#next').click(function() {
		//get the right position
		var left_indent = parseInt($('#slides ul').css('left')) - (item_width * 4);
		//slide the item
		$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function () {
            //move the first item and put it as last item
			var k=0; for(k=0; k<=3; k++) $('#slides li').last().after($('#slides li').first());
			//set the default item to correct position
			$('#slides ul').css({'left' : left_value});
		});
		//cancel the link behavior
		return false;
	});

	
	
	// SIDEBAR CAROUSEL
	//grab the width and calculate left value
	var item_width_side = $('#slides-side li').outerWidth();
	var left_value_side = item_width_side * (-1);
    //move the last item before first item, just in case user click prev button
	$('#slides-side li').first().before($('#slides-side li').last());
	//set the default item to the correct position
	$('#slides-side ul').css({'left' : left_value_side});
    //if user clicked on prev button
	$('#prev-side').click(function() {
		//get the right position
		var left_indent_side = parseInt($('#slides-side ul').css('left')) + item_width_side;
		//slide the item
		$('#slides-side ul:not(:animated)').animate({'left' : left_indent_side}, 200, function(){
            //move the last item and put it as first item
			$('#slides-side li').first().before($('#slides-side li').last());
			//set the default item to correct position
			$('#slides-side ul').css({'left' : left_value_side});
		});
		//cancel the link behavior
		return false;
	});
    //if user clicked on next button
	$('#next-side').click(function() {
		//get the right position
		var left_indent_side = parseInt($('#slides-side ul').css('left')) - item_width_side;
		//slide the item
		$('#slides-side ul:not(:animated)').animate({'left' : left_indent_side}, 200, function () {
            //move the first item and put it as last item
			$('#slides-side li').last().after($('#slides-side li').first());
			//set the default item to correct position
			$('#slides-side ul').css({'left' : left_value_side});
		});
		//cancel the link behavior
		return false;
	});

});

// Jump menu code
function tagJumpto(x) { if (document.formKeyword.keywords.value != 'null') { document.location.href = x; } }
function dateJumpto(x) { if (document.formDate.months.value != 'null') { document.location.href = x; } }
function bloggerJumpto(x) { if (document.formBlogger.bloggers.value != 'null') { document.location.href = x; } }

// Switch blog filter
function rf_switchFilter(filter) {
	// First switch off all background boxes and hide all dropdowns
	document.getElementById('aDate').style.backgroundImage = "url(/wp-content/themes/rf_hivehealth/img/filter-box-off.gif)";
	document.getElementById('aBlogger').style.backgroundImage = "url(/wp-content/themes/rf_hivehealth/img/filter-box-off.gif)";
	document.getElementById('aKeyword').style.backgroundImage = "url(/wp-content/themes/rf_hivehealth/img/filter-box-off.gif)";
	document.getElementById('dateDropdown').style.display = "none";
	document.getElementById('bloggerDropdown').style.display = "none";
	document.getElementById('keywordDropdown').style.display = "none";
	// Now switch on selected filter background box and display selected dropdown
	if (filter == 'Date') {
		document.getElementById('aDate').style.backgroundImage = "url(/wp-content/themes/rf_hivehealth/img/filter-box-on.gif)";
		document.getElementById('dateDropdown').style.display = "block";
	} else if (filter == 'Blogger') {
		document.getElementById('aBlogger').style.backgroundImage = "url(/wp-content/themes/rf_hivehealth/img/filter-box-on.gif)";
		document.getElementById('bloggerDropdown').style.display = "block";
	} else if (filter == 'Keyword') {
		document.getElementById('aKeyword').style.backgroundImage = "url(/wp-content/themes/rf_hivehealth/img/filter-box-on.gif)";
		document.getElementById('keywordDropdown').style.display = "block";
	}
}