// this one requires the text "buga", we define a default message, too
$.validator.addMethod("validate", function(value) {
	return value == "cupcake";
}, 'Oops! You spelled "cupcake" wrong!');

$.validator.addMethod("interests", function(value) {
	return value != "select...";
}, "That's not very interesting.");

function hideIntro() {
  $('#stage-intro').fadeOut('slow', function() {
    $('#portfolio-slideshow').show();
    $('#stage-wrapper').fadeIn('slow');
    $('.back').fadeIn('slow');
  });
};

function showIntro() {
  $('#portfolio-slideshow').hide(function() {
  $('.back').fadeOut('slow');
    $('#stage-intro').fadeIn('slow');
    $('#stage-wrapper').hide();
  });
};

var apilanding;

$(document).ready(function() {
  apilanding = $('#portfolio-list').scrollable({
    btnNext: ".next",
    btnPrev: ".prev",
    loop: true,
    size: 6
  });
  $('.back').hide();
  $('.back').click(function() {
    showIntro();
    return false;
  });
  $('.start').click(function() {
    hideIntro();
    $("#portfolio-list ul:first-child li:first-child").addClass('active');
    return false;
  });
  $("#contact-form form").validate({
    rules: {
      validate: "validate",
      interest: "interests"
    },
    messages: {
      name: "You running from the law?",
      email: "We promise not to spam you!",
      phone: "C'mon let me get your digits...",
      validate: "What, you don't like cupcakes?"
    }
  });
  $('li[rel]').overlay({
    expose: "#333333",
    onBeforeLoad:function() {
      load_overlay_data(this.getTrigger());
    }
  });
  $('.portfolio-next').bind('click',function(e) {
    var i = $('#portfolio-list>ul>li').index($('#portfolio-list ul li.active').removeClass('active'));
    var count = $('#portfolio-list>ul>li').length;
    if (i == count-1)
      i = 0;
    else
      i++;
    load_overlay_data($($('#portfolio-list>ul>li')[i]).addClass('active'));
  });
  $('.portfolio-prev').bind('click',function(e) {
    var i = $('#portfolio-list>ul>li').index($('#portfolio-list ul li.active').removeClass('active'));
    var count = $('#portfolio-list>ul>li').length;
    if (i == 0)
      i = count-1;
    else
      i--;
    load_overlay_data($($('#portfolio-list>ul>li')[i]).addClass('active'));
  });
});

$("body.landingpages #portfolio-list li").live('mouseover', function() {
    $(this).find(".info").animate({bottom:'0'},{queue:false,duration:500});
});
$("body.landingpages #portfolio-list li").live('mouseout', function(){
    $(this).find(".info").animate({bottom:'-50px'},{queue:false,duration:500});
});

function load_overlay_data(trigger) {
      $('#portfolio-list>ul>li .info').animate({bottom:'-50px'},{queue:false,duration:500})
      if ($("#portfolio-slideshow").find('li#load-up-'+trigger.attr('data-page')).length == 0) {
          var li = $('<li id="load-up-'+trigger.attr('data-page')+'"></li>');
          $('ul#portfolio-slideshow').append(li);
      }
      $("#portfolio-slideshow>li.active").hide().removeClass('active');
      $("#portfolio-slideshow li#load-up-"+trigger.attr('data-page')).addClass('active').show()
      if ($("#portfolio-slideshow li#load-up-"+trigger.attr('data-page')).children().length == 0) {
          $("#portfolio-slideshow li#load-up-"+trigger.attr('data-page')).load('./who-we-work-with/portfolio/'+trigger.attr('data-page'),function() {

             $(this).find('.content').cycle({
               width: '785',
               height: '399',
               fx: 'scrollUp',
               timeout: 0,
               speed: '120000'
             });

             // We have to re-activate the pagination
             $(this).find('.pagination li').click(function() {
               console.log($(this).parent().parent());
               var parent_id = $(this).parent().parent().attr('id');
               var page_index = $('#'+parent_id+' .pagination li').index(this);
               $(this).parent().parent().find('.content').cycle(page_index);
             });

             $(this).find('.pagination li:first-child').addClass('active');
             $(this).find('.pagination li').click(function(){
               $(this).siblings().removeClass('active');
               $(this).addClass('active');
             });

             $(this).find('.content li.case-study-content .quote blockquote').append('<img src="images/portfolio/icon-quotemark.png" class="quote-mark" />');

             $(this).find('.scrollable').scrollable({
               vertical: true,
               size: 1,
               loop: true
            });
           });
      }
}