// JavaScript Document

/*function paginate(ind, el)
{
	
	if (ind == 0) return '<span><a href="#">Home</a>|</span>';
	else if (ind == 1) return '<span><a href="#">Businesses</a>|</span>';
	else if (ind == 2) return '<span><a href="#">Overview</a>|</span>';
	else if (ind == 3) return '<span><a href="#">About</a>|</span>';
	else if (ind == 4) return '<span><a href="#">Contact</a></span>';
	// and so on
}*/


$(document).ready(function() {
    $('#slide').cycle({
        
      fx: 'fade',       // choose your transition type, ex: fade, scrollUp, shuffle, etc...
      timeout: 2000,  // milliseconds between slide transitions (0 to disable auto advance)
      speed: 1000,     // speed of the transition (any valid fx speed value)
      sync: 1,         // true if in/out transitions should occur simultaneously
      pager: '.circle',  // selector for element to use as pager container
	  pager2: '#pager2',  // selector for element to use as pager container 
      cleartypeNoBg: true, // set to true to disable extra cleartype fixing (leave false to force background color setting on slides)
      cleartype: true,  // true if clearType corrections should be applied (for IE) 
      pauseOnPagerHover: true,   // true to pause when hovering over pager link
      pause: true,    // true to enable "pause on hover"
      height:        'auto', // container height
	  //autostop:      true,     // true to end slideshow after X transitions (where X == slide count) 
      //autostopCount: 3,     // number of transitions (optionally used with autostop to define X) 
	  //pagerAnchorBuilder2: paginate,
      next:          '#next',  // id of element to use as click trigger for next slide 
      prev:          '#prev'  // id of element to use as click trigger for previous slide

	  
    });
	
	 $('#slide2').cycle({
        
      fx: 'fade',       // choose your transition type, ex: fade, scrollUp, shuffle, etc...
      timeout: 2000,  // milliseconds between slide transitions (0 to disable auto advance)
      speed: 1000,     // speed of the transition (any valid fx speed value)
      sync: 1,         // true if in/out transitions should occur simultaneously
      //pager: '.circle',  // selector for element to use as pager container
	  //pager2: '#pager2',  // selector for element to use as pager container 
      cleartypeNoBg: false, // set to true to disable extra cleartype fixing (leave false to force background color setting on slides)
      cleartype: false,  // true if clearType corrections should be applied (for IE) 
      pauseOnPagerHover: true,   // true to pause when hovering over pager link
      pause: true,    // true to enable "pause on hover"
      height:        'auto', // container height
	  //autostop:      true,     // true to end slideshow after X transitions (where X == slide count) 
      //autostopCount: 3,     // number of transitions (optionally used with autostop to define X) 
	  //pagerAnchorBuilder2: paginate,
      next:          '#next',  // id of element to use as click trigger for next slide 
      prev:          '#prev'  // id of element to use as click trigger for previous slide

	  
    });
	
	
});