// insertslider( ".class" )
function insertslider( projectset, viewLink) {
  var controls = '<div class="controls"><a href="' + viewLink + '" class="viewall">View all reports</a> <div class="sliders"><a href="" class="slideleft"> &larr;</a> <a href="" class="slideright"> &rarr; </a></div></div>';
  $(projectset).after( controls );
  $(projectset).cycle({
    fx:     'scrollHorz', 
    speed:  'slow', 
    timeout: 0, 
    next:  projectset + '+ .controls .slideright', 
    prev:  projectset + '+ .controls .slideleft',
    cleartype: true,
    cleartypeNoBg: true
  });
  $(projectset).css("height","100%");
}

// Hover

function hoverclass( $item , $class ) {
  $item.mouseover( function() {
    $(this).addClass( $class );
    Cufon.refresh( $item );
  }).mouseout( function () {
    $(this).removeClass( $class );
    Cufon.refresh( $item );
  });
}

// Entrypoint
$(function() {
  Cufon.replace($("h1, h2, #nav > ul > li > a"));


  //navmenu hover
  $("#nav li.item").live({
			mouseenter:
			   function()
			   {
					
						$(this).addClass("active");	
						$(this).find("ul").fadeIn(300);
						Cufon.refresh();
					
			   },
			mouseleave:
			   function()
			   {
					$(this).removeClass("active");	
					$(this).find("ul").fadeOut(300);
					Cufon.refresh();
			   }
		   }  
	);
  //hoverclass($("#nav li.item"), "active");

  // Cycling
  $.fn.cycle.defaults.containerResize = 0;


  insertslider("#recent .projectset", "/asset/");
  insertslider("#finance .projectset", "/investors/");

  // Lightbox
  // FIXME: This does not work, had to write the settings into the lightbox file.
  $.fn.lightBox({
    imageLoading: '/img/lightbox/lightbox-ico-loading.gif',		
    imageBtnPrev: '/img/lightbox/lightbox-btn-prev.gif',			
    imageBtnNext: '/img/lightbox/lightbox-btn-next.gif',			
    imageBtnClose:  '/img/lightbox/lightbox-btn-close.gif',		
    imageBlank: '/img/lightbox/lightbox-blank.gif',
    fixedNavigation: true
  });

  $("a.gallery").lightBox();

});