Cufon.replace('.serif:not(a)',  {fontFamily : 'Grandesign Neue Serif'});
Cufon.replace('a.serif',        {fontFamily : 'Grandesign Neue Serif',  hover : true });
Cufon.replace('.sans, div.post h2, div.post h1, .comments h2, .commentform_container h2',   {fontFamily : 'DINSchrift'});


// Handler called each time portfolio image loaded
function portfolioDisp(currSlideElement, nextSlideElement, options, forwardFlag) {
  var currIndex = $('#portfolioimages div img').index(this);
  $('div.portfolioitems div.portfolioitem').hide();
  $('div.portfolioitems div.portfolioitem').eq(currIndex).fadeIn();
}


function submit_contact_form() {
    var contact_form = $('#contact_form');
    var data = $(contact_form).serialize();
    $(contact_form).find('input[type=submit]').replaceWith('<img src="plugins/themes/siteclick/images/ajax-loader.gif" alt="Loading..." style="display: block;" />');

    $.post($('base').attr('href') + 'index.php/ajax/contact/submit', data, function(html) {
      $(contact_form).replaceWith(html);
    }, 'html');

    return false;
}

$(document).ready(function() {

  $('ul li:last-child').addClass('last');
  


  // Contact form
  $('a.contact').fancybox({   titleShow       : false,
                              scrolling       : 'no',
                              overlayOpacity  : 0.5});
  $('a.fancybox').fancybox({  overlayOpacity  : 0.5,
                              titleShow       : false});

  // Ajaxify form
  $('#contact_form').live('submit', submit_contact_form);
  $('#contact_form').find('input[type=submit]').live('click', submit_contact_form);


  // Homepage gallery
  $('#gallery').cycle( {  fx:     'scrollDown',
                          easing: 'bounceout',
                          timeout: 8000,
                          pager:  '#galleryprogress'});
                          
  // Portfolio gallery
  $('#portfolioimages div').cycle({   fx:       'scrollDown',
                                      easing:   'bounceout',
                                      timeout:  0,
                                      pager:    '#portfolioprogress',
                                      next:     'a.next',
                                      prev:     'a.back',
                                      before:    portfolioDisp});
                                      
                                      
  // Initially hide all but first portfolio info
  $('.portfolioitems div.portfolioitem').not(':first').hide();
  
  // Blog archive
  $('ul.archive li:gt(3)').hide();
  var older = $('<li><a href="#">More...</a></li>');
  $('ul.archive').append(older);
  $(older).click(function() {
     $('ul.archive li:gt(3)').slideToggle();
    return false;
  })
})