"

From 2013.igem.org

// Jquery with no conflict jQuery(document).ready(function($) {

// nivo slider ------------------------------------------------------ //

$('#slider').nivoSlider({ effect:'random', //Specify sets like: 'fold,fade,sliceDown'

       slices:15,
       animSpeed:500, //Slide transition speed
       pauseTime:3000,
       startSlide:0, //Set starting Slide (0 index)
       directionNav:true, //Next & Prev
       directionNavHide:true, //Only show on hover
       controlNav:true, //1,2,3...
       controlNavThumbs:false, //Use thumbnails for Control Nav
       controlNavThumbsFromRel:false, //Use image rel for thumbs
       controlNavThumbsSearch: '.jpg', //Replace this with...
       controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
       keyboardNav:true, //Use left & right arrows
       pauseOnHover:true, //Stop animation while hovering
       manualAdvance: false, //Force manual transitions
       captionOpacity:0.7 //Universal caption opacity

});

// Poshytips ------------------------------------------------------ //

   $('.poshytip').poshytip({
   	className: 'tip-twitter',

showTimeout: 1, alignTo: 'target', alignX: 'center', offsetY: 5, allowTipHover: false

   });
   
   
   // Poshytips Forms ------------------------------------------------------ //
   
   $('.form-poshytip').poshytip({

className: 'tip-yellowsimple', showOn: 'focus', alignTo: 'target', alignX: 'right', alignY: 'center', offsetX: 5 });

// Superfish menu ------------------------------------------------------ //

$("ul.sf-menu").superfish({

       animation: {height:'show'},   // slide-down effect without fade-in 
       delay:     800               // 1.2 second delay on mouseout 
   });
   
   // Scroll to top ------------------------------------------------------ //
   

$('#to-top').click(function(){ $.scrollTo( {top:'0px', left:'0px'}, 300 ); });

// Submenu rollover --------------------------------------------- //

$("ul.sf-menu>li>ul li").hover(function() { // on rollover $(this).children('a').children('span').stop().animate({ marginLeft: "3" }, "fast"); } , function() { // on out $(this).children('a').children('span').stop().animate({ marginLeft: "0" }, "fast"); });

// Tweet Feed ------------------------------------------------------ //

   $("#tweets").tweet({
       count: 3,
       username: "ansimuz",
       callback: tweet_cycle
   });

// Tweet arrows rollover --------------------------------------------- //

$("#twitter #prev-tweet").hover(function() { // on rollover $(this).stop().animate({ left: "27" }, "fast"); } , function() { // on out $(this).stop().animate({ left: "30" }, "fast"); });

$("#twitter #next-tweet").hover(function() { // on rollover $(this).stop().animate({ right: "27" }, "fast"); } , function() { // on out $(this).stop().animate({ right: "30" }, "fast"); });

// Tweet cycle --------------------------------------------- //

function tweet_cycle(){

   	$('#tweets .tweet_list').cycle({ 

fx: 'scrollHorz', speed: 500, timeout: 0, pause: 1, next: '#twitter #next-tweet', prev: '#twitter #prev-tweet' }); }

// tabs ------------------------------------------------------ //

$("ul.tabs").tabs("div.panes > div", {effect: 'fade'});

// Thumbs rollover --------------------------------------------- //

$('.thumbs-rollover li a img').hover(function(){ // on rollover $(this).stop().animate({ opacity: "0.5" }, "fast"); } , function() { // on out $(this).stop().animate({ opacity: "1" }, "fast"); });

// Resize home top-padding ------------------------------------------------------ //

//$('#headline-gap').height($('#headline').height()); $('.home #header').height($('#headline').height() + 430);

// Blog posts rollover --------------------------------------------- //

$('#posts .post').hover(function(){ // on rollover $(this).children('.thumb-shadow').children('.post-thumbnail').children(".cover").stop().animate({ left: "312" }, "fast"); } , function() { // on out $(this).children('.thumb-shadow').children('.post-thumbnail').children(".cover").stop().animate({ left: "0" }, "fast"); });

// Portfolio projects rollover --------------------------------------------- //

$('#projects-list .project').hover(function(){ // on rollover $(this).children('.project-shadow').children('.project-thumbnail').children(".cover").stop().animate({ top: "133" }, "fast"); } , function() { // on out $(this).children('.project-shadow').children('.project-thumbnail').children(".cover").stop().animate({ top: "0" }, "fast"); });

// Sidebar rollover --------------------------------------------------- //

$('#sidebar>li>ul>li').hover(function(){ // over $(this).children('a').stop().animate({ marginLeft: "5" }, "fast"); } , function(){ // out $(this).children('a').stop().animate({marginLeft: "0"}, "fast"); });

// Fancybox --------------------------------------------------- //

$("a.fancybox").fancybox({ 'overlayColor': '#000' });

// pretty photo ------------------------------------------------------ //

$("a[rel^='prettyPhoto']").prettyPhoto();

// Project gallery over --------------------------------------------- //

$('.project-gallery li a img').hover(function(){ // on rollover $(this).stop().animate({ opacity: "0.5" }, "fast"); } , function() { // on out $(this).stop().animate({ opacity: "1" }, "fast"); });

// Thumbs functions ------------------------------------------------------ //

function thumbsFunctions(){

// prettyphoto

$("a[rel^='prettyPhoto']").prettyPhoto();

// Fancy box $("a.fancybox").fancybox({ 'overlayColor' : '#000' });

// Gallery over

$('.gallery li a img').hover(function(){ // on rollover $(this).stop().animate({ opacity: "0.5" }, "fast"); } , function() { // on out $(this).stop().animate({ opacity: "1" }, "fast"); });

// tips

$('.gallery a').poshytip({ className: 'tip-twitter', showTimeout: 1, alignTo: 'target', alignX: 'center', offsetY: -15, allowTipHover: false });

} // init thumbsFunctions();

// Quicksand -----------------------------------------------------------//

// get the initial (full) list var $filterList = $('ul#portfolio-list');

// Unique id for(var i=0; i<$('ul#portfolio-list li').length; i++){ $('ul#portfolio-list li:eq(' + i + ')').attr('id','unique_item' + i); }

// clone list var $data = $filterList.clone();

// Click $('#portfolio-filter a').click(function(e) { if($(this).attr('rel') == 'all') { // get a group of all items var $filteredData = $data.find('li'); } else { // get a group of items of a particular class var $filteredData = $data.find('li.' + $(this).attr('rel')); }

// call Quicksand $('ul#portfolio-list').quicksand($filteredData, { duration: 500, attribute: function(v) { // this is the unique id attribute we created above return $(v).attr('id'); } }, function() { // restart thumbs functions thumbsFunctions(); }); // remove # link e.preventDefault(); });

// UI Accordion ------------------------------------------------------ //

$( ".accordion" ).accordion();

// Toggle box ------------------------------------------------------ //

$(".toggle-container").hide(); $(".toggle-trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); return false; });

//close });

// search clearance function defaultInput(target){ if((target).value == 'Search...'){(target).value=} }

function clearInput(target){ if((target).value == ){(target).value='Search...'} }