/***********************************************
**http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/easy_jquery_auto_image_rotator.html
***********************************************/

function theRotator() {
	//Set the opacity of all images to 0
	$('div#rotator ul li').css({opacity: 0.0});
    $('div#frases ul li').css({opacity: 0.0});
	
	//Get the first image and display it (gets set to full opacity)
	var length = $("div#rotator ul li").length;
    var ran = Math.floor(Math.random()*length) + 1;
    $("div#rotator ul li:nth-child(" + ran + ")").css({opacity: 1.0});
    //$('div#rotator ul li:first').css({opacity: 1.0});
    /*var length = $("div#frases ul li").length;
    var ran = Math.floor(Math.random()*length) + 1;
    $("div#frases ul li:nth-child(" + ran + ")").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'));
    //var currentf = ($('div#frases ul li.show')?  $('div#frases ul li.show') : $('div#frases 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'));	
    
    var length = $("div#rotator ul li").length;
    var ran = Math.floor(Math.random()*length) + 1;
    var next = $("div#rotator ul li:nth-child(" + ran + ")");
    /*
    var length = $("div#frases ul li").length;
    var ran = Math.floor(Math.random()*length) + 1;
    var nextf = $("div#frases ul li:nth-child(" + ran + ")");
	*/
	//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);
/*    
    nextf.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);
*/
	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
  /*  
    currentf.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	*/
};

$(document).ready(function() {
    $('div#slideshow').cycle({
        fx: 'fade',
        random: 1,
        pause: 1,
        speed: 10000
    });
});


/************************************************************
 ** Clears a field
 ** By: 	Joshua Sowin (fireandknowledge.org)
 ** HTML: <input type="text" value="Search" name="search"
 **			id="search" size="25" 
 ** 		onFocus="clearInput('search', 'Search')" 
 ** 		onBlur="clearInput('search', 'Search')" />
 ***********************************************************/
function clearInput(field_id, term_to_clear) {
	
	// Clear input if it matches default value
	if (document.getElementById(field_id).value == term_to_clear ) {
		document.getElementById(field_id).value = '';
	}
	
	// If the value is blank, then put back term
	else if (document.getElementById(field_id).value == '' ) {
		document.getElementById(field_id).value = term_to_clear;
	}
} // end clearSearch()