$(document).ready(function(){
$('#s4') 
.before('<div class="project-selector">') 
.cycle({ 
	fx:     'scrollLeft',  
    speed:  '1200', 
    timeout: 11000,  
    after:   onAfter,
    before:   onBefore,
    pager:  '.project-selector' 
});						  
});

function onBefore() { 
    $('#view-project').html('<a href="' + this.title + '" target="_self">' + 'View Project' + '</a>' ); 
}
function onAfter() { 
    $('#view-project').html('<a href="' + this.title + '" target="_self">' + 'View Project' + '</a>' ); 
}


 
$(document).ready(function(){
$('.big-pic') 
.cycle({ 
    fx:     'turnDown', 
    speed:  'fast', 
    timeout: 0, 
    next:   '.big-pic',
    pager:  '.small-pics-nav' 
});
								   });



 $(document).ready(function() {
$(".hire-a-pro").hover(
      function () {
        $(this).append($("<div class='me'>Jason Lee = Pro</span>"));
	  }, 
      function () {
        $(this).find("div:last").remove();
      }
 );
 });


		
			$(document).ready(function(){
				//Examples of how to assign the ColorBox event to elements
				$(".colorbox").colorbox();
				$(".youtube").colorbox({iframe:true, width:650, height:550});
				$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});
				$(".inline").colorbox({width:"50%", inline:true, href:"#inline1"});
				$(".inline2").colorbox({width:"50%", inline:true, href:"#inline2"});
				$(".inline3").colorbox({width:"50%", inline:true, href:"#inline3"});
				
				//Example of preserving a JavaScript event for inline calls.
				$("#click").click(function(){ 
					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
					return false;
				});
			});