/*############### FEATURED CODA SLIDER -  IMAGE AND TEXT (Manual Slider)  ######################*/	
$(function(){ 

	$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
	    $(pager).find('li').removeClass('active_slide') 
	        .filter('li:eq('+currSlideIndex+')').addClass('active_slide'); 
	}; 
	
	$('#portfolioCodaManualSlider').after('<ul id="portfolio-nav" class="clearfix">').cycle({ 
	    fx:			'scrollLeft',
		timeout: 	0, 
		pager:  	'#portfolio-nav',
		pagerAnchorBuilder: function(idx, slide) { 
			var src = $('img',slide).attr('src'); 
	        return '<li><a href="#"><img src="' + src + '" width="60" height="60" /></a></li>'; 
	    } 
	});
});
/*############### FEATURED CODA SLIDER - IMAGE ONLY######################*/
$(function(){ 

	$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
	    $(pager).find('li').removeClass('active_slide') 
	        .filter('li:eq('+currSlideIndex+')').addClass('active_slide'); 
	}; 
	         
	$('#portfolioCodaImgSlider').after('<ul id="portfolio-nav" class="clearfix">').cycle({ 
		fx:			'scrollLeft',
		timeout: 	3000, 
		pager:  	'#portfolio-nav',
		pagerEvent: 'mouseover', 
	    fastOnEvent: true, 	
	    pagerAnchorBuilder: function(idx, slide) { 
			var src = $('img',slide).attr('src'); 
	        return '<li><a href="#"><img src="' + src + '" width="60" height="60" /></a></li>'; 
	    } 
	});
	
});

/*############### FEATURED CODA SLIDER - IMAGE AND TEXT  (Automatic & Manual scroll) ######################*/
$(function(){ 

	// redefine Cycle's updateActivePagerLink function 
	$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
	    $(pager).find('li').removeClass('active_slide') 
	        .filter('li:eq('+currSlideIndex+')').addClass('active_slide'); 
	}; 
	         
	$('#portfolioCodaImgTextSlider').after('<ul id="portfolio-nav" class="clearfix">').cycle({ 
		fx:			'scrollLeft',
		timeout: 	3000, 
		pager:  	'#portfolio-nav',
		pagerEvent: 'mouseover', 
	    fastOnEvent: true, 	
	    pagerAnchorBuilder: function(idx, slide) { 
			var src = $('img',slide).attr('src'); 
	        return '<li><a href="#"><img src="' + src + '" width="60" height="60" /></a></li>'; 
	    }
	}); 
});

/*################## SIDEBAR SLIDE ################################ */
$(function(){ 
$(".btn_slide").click(function(){
	  $("#panel").slideToggle("slow");
	  $(this).toggleClass("active");
	});
});