jQuery(document).ready(function($) {
            
            //slide show
            $('.testi-content > div, .testi-author').cycle({
        		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	       });

 /* 
            // ul 
           $('.hul').each(function(index){
                $(this).find(":last").css('background','none');
           });
           
           //featured post
           $('.hblog > .post:last').css('border','0 none');
           
           //forms           
           $('input[type="text"], textarea').focus(function(){
             $(this).val('');
           });

         */
//get total items
            var i = 1;
            $(".image_reel li").each(function(){
                $(".paging").append('<a href="#" rel="'+i+'">' + i++ +'</a>');
            });
            
            
            //Set Default State of each portfolio piece
            $(".paging").show();
            $(".paging a:first").addClass("active");
           	
            //Get size of images, how many there are, then determin the size of the image reel.
            var imageWidth = $(".window").width();
            var imageSum = $(".image_reel img").size();
            var imageReelWidth = imageWidth * imageSum;
            
            //Adjust the image reel to its new size
            $(".image_reel").css({'width' : imageReelWidth});
            
            //Paging + Slider Function
            rotate = function(){	
            	var triggerID = $active.attr("rel") - 1; //Get number of times to slide
            	var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
            
            	$(".paging a").removeClass('active'); //Remove all active class
            	$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
            	
            	//Slider Animation
            	$(".image_reel").animate({ 
            		left: -image_reelPosition
            	}, 500 );
            	
            }; 
            
            //Rotation + Timing Event
            rotateSwitch = function(){		
            	play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
            		$active = $('.paging a.active').next();
            		if ( $active.length === 0) { //If paging reaches the end...
            			$active = $('.paging a:first'); //go back to first
            		}
            		rotate(); //Trigger the paging and slider function
            	}, 5000); //Timer speed in milliseconds (3 seconds)
            };
            
            rotateSwitch(); //Run function on launch
           
            //On Hover
            $(".image_reel a").hover(function() {
            	clearInterval(play); //Stop the rotation
            }, function() {
            	rotateSwitch(); //Resume rotation
            });	
              
            //On Click
            $(".paging a").click(function() {	
            	$active = $(this); //Activate the clicked paging
            	//Reset Timer
            	clearInterval(play); //Stop the rotation
            	rotate(); //Trigger rotation immediately
            	rotateSwitch(); // Resume rotation
            	return false; //Prevent browser jump to link anchor
            });	
                              

        });