/*############### 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: 	4000, 
		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: 	4000, 
		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");
	});
});

/*################## TOOLTIP ##########################################*/
$(function(){ 
$(".bookmarks_mini_gallery a, .bookmarks_gallery a").addClass('tooltip');
});

this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$("a.tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<p id='tooltip'><span>"+ this.t +"</span></p>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$("a.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};



// starting the script on page load
$(document).ready(function(){
	tooltip();
});