// 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:5000,
        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
        autoArrows:  false
    });

    // 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({
        query: "from:ESLTEACHERSUNIT",
        count: 3,
        loading_text: "loading tweets...",
        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");
  });


  // 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;
  });

  // Footer menu rollover --------------------------------------------------- //

  $('#footer .col .page_item').hover(function(){
    // over
    $(this).children('a').stop().animate({ marginLeft: "5"  }, "fast");
  } , function(){
    // out
    $(this).children('a').stop().animate({marginLeft: "0"}, "fast");
  });

//close
});

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

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