$(document).ready(function(){
/**********************************************
   Profile Pop Up Start
************************************************/
    var $btn        = $(".testimonial .info");
    var $timer      = 250;
    
    $btn.mouseover(function(){
        var $popup = $(this)
                        .parent()
                            .find("div[class='popup']");
            $popup.show();
            
            $popup.children().mouseover(function(){
                $popup.show();
            })
            
            $popup.mouseout(function(){
                $(this).hide();
            })
            
            $popup.find("a").click(function(){
                $popup.hide();
            })
    })
    
    $btn.mouseout(function(){
            var $popup = $(this)
                            .parent()
                                .find("div[class='popup']");
            $popup.hide();
    })
	
/**********************************************
  Profile Pop Up End
************************************************/



/**********************************************
  Coda Sldes Start
************************************************/
   var $panels      = $("#slideWrapper #slideContainer > div");
   var $container   = $("#slideWrapper #slideContainer");
   var $scroll      = $("#slideWrapper").css("overflow", "hidden");
   var $first       = false;
   var $panelCount  = 1;
   $container.css("overflow", "hidden");
   
   //Creating Navigation
   $scroll.before('<ul id="slideNav"></ul>');
   $panels.each(function(){
        if($first == false){
            $("#slideNav").append("<li><a href='#1' class='current'>1</a></li>");
            $first = true;
            $panelCount++;
        }else{
            $("#slideNav").append('<li><a href="#' +$panelCount +'">' +$panelCount +'</a></li>');
            $panelCount++;
        }
   })
     
   // handle nav selection
   function selectNav() {
       $(this)
           .parents('ul:first')
               .find('a')
                   .removeClass('current')
               .end()
           .end()
           .addClass('current');
   }
   $('#slides #slideNav').find('a').click(selectNav);
   
   function trigger(data) {
       var el = $('#slides #slideNav').find('a[href$="' + data.id + '"]').get(0);
       selectNav.call(el);
   }
    
   //Scroll Options
   var scrollOptions = {
       target: $scroll, // the element that has the overflow
       items: $panels,
       navigation: '#slideNav a',
       prev: '.prev',
       next: '.next',
       onAfter: trigger,
       axis: 'xy',
       duration: 500,
       easing: 'swing',
       constant: true
   };
       
   //Serial Scroll Init
   $('body').serialScroll(scrollOptions);
/**********************************************
   Coda Sldes End
************************************************/
})