//settings for slideshow controls, adds features to jquery innerfade
//courtesy of stylephp.com 
//http://www.stylephp.com/2009/01/17/customizing-jquery-innerfade-plug-in-adding-controls-navigation-and-caption/

//Plug-in Options

//    slide_timer_on :  "yes" or "no". If "yes", then  slide will automatically play.
//    slide_ui_parent : The ID of <ul> which contains the slide <li>s of slide. ( "portfolio" in attached example slider).
//    slide_ui_text : The id of descrition/caption element. “portfolio-desc” in example. In case, you don’t want to use a caption, leave it "null"
//    pause_button_id : The id of pause_button. “pause_button” in example. In case, you don’t want to use a controler, leave it "null"
//    slide_nav_id: The id of slide navigation. “slide_nav” in example. In case, you don’t want to use a navigation, leave it "null"

$(document).ready(
                function(){
                    	$('ul#portfolio').innerfade({
                        speed: 1000,
                        timeout: 10000,
                        type: 'sequence',
                        containerheight: 	'460px',
                        slide_timer_on: 	'yes',
                        slide_ui_parent: 	'portfolio',
                        slide_ui_text:		'null',
                       	pause_button_id: 	'pause_button',
                       	slide_nav_id:		'slide_nav'
                    	});
                    	$.setOptionsButtonEvent();
                    
                        
                   		$("#pause_button").click(function() {
                   			$.pause();
                        });
                        $("#next_button").click(function() {
                    		$.next();
                        });
                        
                        $("#prev_button").click(function() {
                        	$.prev();
                        });
                        
                    	$("#first_button").click(function() {
                        	$.first();
                        });
                        
                    	$("#last_button").click(function() {
                        	$.last();
                        });
				
			});