/* var item_array = ["#slide1","#slide2","#slide3"];  //<divs> to rotate */

var item_array = [];
var butt_array = []; 
var item_selected = 0;
var times = 0;
var fadeTime = 15000;


 jQuery(document).ready(function(){

 

////////populate item_array
var numberOfSlides = (jQuery(".slide").size());

for(i=0;i<numberOfSlides;i++) {
	item_array.push('#slide'+(i+1));
}

 
////////overflow fix for ie

   for (i=0;i<item_array.lenght;i++) {
	jQuery(item_array[i]).css( "overflow", "visible" ); 
   }
    jQuery(".slide").css( "overflow", "visible" ); 
 
 
 ////////add the button menu 
 jQuery('#rotator').append('<div id="buttonMenu">');
  
 for(i=0;i<item_array.length;i++) {
  var divstring = '<div class="button" id="butt' + (i+1) + '"<a href="">' + (i+1) + '</a></div>';
  jQuery('#buttonMenu').append(divstring);
  butt_array.push('#butt'+(i+1));
 }

 jQuery('#rotator').append('</div">');
 
 
 
//////////////////////////////////// 
 
////////set the banner to rotate on a set interval
 jQuery(document).everyTime(fadeTime, function(i) {
    fader()
}, times);

////////turn the corresponding button to red once selected
function swapBG(which) {

 jQuery(".button").css( "background-image", "url('/wp-content/themes/gogogic/js_rotator/rotatorbutton.png')" ); 

jQuery(butt_array[which]).css( "background-image", "url('/wp-content/themes/gogogic/js_rotator/rotatorbutton_select.png')" ); 
}

////////automatic fade in - fade out
function fader() {

	if(item_selected < item_array.length-1) {
 
	var lastone1 = item_array[item_selected];
	jQuery(item_array[item_selected]).css( "overflow", "visible" );

    
    jQuery(item_array[item_selected]).fadeOut("slow",function(){ jQuery(lastone1).css( "overflow", "hidden" ); });
		
		item_selected = item_selected+1
		jQuery(item_array[item_selected]).css( "overflow", "visible" );
		jQuery(item_array[item_selected]).fadeIn("slow");
		swapBG(item_selected);
		
		
 	} else {
	var lastone1 = item_array[item_selected];
	 jQuery(item_array[item_selected]).css( "overflow", "visible" );
	 
	    jQuery(item_array[item_selected]).fadeOut("slow",function(){ jQuery(lastone1).css( "overflow", "hidden" ); });
	   
		item_selected = 0;
		jQuery(item_array[item_selected]).css( "overflow", "visible" );
		jQuery(item_array[item_selected]).fadeIn("slow");
		swapBG(item_selected);
	}
	}

////////button function
 jQuery(".button").click(function(event){
	event.preventDefault();
	jQuery(document).stopTime();
	
	var lastone = item_array[item_selected];

	var value = jQuery(this).text();
	
    jQuery(lastone).css( "overflow", "visible" );
	jQuery(item_array[item_selected]).fadeOut("slow",function(){ jQuery(lastone).css( "overflow", "hidden" ); });
	
	item_selected = value-1;
	jQuery(item_array[item_selected]).css( "overflow", "visible" );
	jQuery(item_array[item_selected]).fadeIn("slow");
   swapBG(item_selected);

	
		jQuery(document).everyTime(fadeTime, function(i) {
    fader()
}, times);

    });

   //call the jQuery Hover Over and Out
    jQuery('.button').hover(over, out);

   function over(event) {
      
	jQuery(this).css("cursor", "pointer");
    }
    //tell the browser to change the background to nothing when 
    //going outside the object area
    function out(event) {
	
	}

 });