// JavaScript Document

$(function() {
				$('#tabbedContainer').cycle({ 
					// the effect used
					fx:         'turnDown',
					//the speed of transitions
					speed:       200,  
					//the time between content swap
					timeout:     10000, 
					pager: 'div#tabbedContent ul#tab',
					pause: true,
					pagerAnchorBuilder: function(idx, slide) { 
        				// return selector string for existing anchor 
       					return 'div#tabbedContent ul#tab li:eq(' + idx + ') a';
    				},
					pagerClick: function(zeroBasedSlideIndex, slideElement) {
						$('div#tabbedContent ul#tab li a').removeClass('active');
						$('div#tabbedContent ul#tab li:eq(' + zeroBasedSlideIndex + ') a').addClass('active');	
						$('#tabbedContainer').cycle('pause');
										
					},
					after: function(currSlideElement, nextSlideElement, options, forwardFlag) {
						var $id = $(this).attr('id');
						$id = $id.split('-');
						$id = $id[1];
						$('div#tabbedContent ul#tab li a').removeClass('active');
						$('div#tabbedContent ul#tab li a[rel=' + $id + ']').addClass('active');
						
					}
				
				});
				
						
			});