$(function(){
	
	//window.scroll(0,0);
	
	$('#slider td.lead').each(function(){
		
		var $lead = $(this);
		$lead.find('a.sel:first').bind('click', function() {
			
			if ($lead.hasClass('action')) return false;
			$lead.addClass('action');
			
			var $sel = $(this);
			var id = parseInt($lead.attr('id').replace(/^lead-/, ''));
			var $image = $('#image-'+id);
      var $firstImage = $image.find('img:first')
			var src = $firstImage.attr('file');
			
			if ($sel.hasClass('opened')) {
				//close it
				$image.find('div:first').animate({
					'width' : 0
				}, 'slow', function() {
					$(this).hide();
					$lead.removeClass('action');
					$sel.removeClass('opened');
				});
			} else {
				//open it, but before close others!
				$('#slider a.sel.opened').trigger('click', [ id ]);
				var tmp = new Image();
				tmp.onload = function() {
					$image.find('img:first').attr('src', src);
					$image.find('div:first').css({
						'width' : 0,
						'display' : 'block'
					}).animate({
						'width' : tmp.width
					}, 'slow', function() {
						$lead.removeClass('action');
						$sel.addClass('opened');
						$(!$.browser.safari ? 'html' : 'body').animate({ 'scrollLeft' : $lead.offset().left - 80}, 'slow');
					});

          $lead.find('img.preloader').hide()
				}
				tmp.src = src;

        $lead.find('img.preloader').show()
			}
			return false;
		});
		
	});
	
	if ($('#header').css('position') != 'fixed') {
		$(window).bind('scroll', function() {
			if (typeof this.headerTimeout == 'undefined') this.headerTimeout = false;
			clearTimeout( this.headerTimeout );
			this.headerTimeout = setTimeout(function() {
				$('#header').animate({ 'left' : (window.scrollX) ? window.scrollX : document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft }, 'normal');
			}, 200);
		});
	}

  var $leads = $('#slider td.lead')
  var $firstLead = $leads.filter('[uri=' + $('#slider').attr('open-on-load') + ']')
  $firstLead = ! $firstLead.size() ? $leads.filter(':first') : $firstLead;
  $firstLead.find('a.sel:first').trigger('click')

  $('div.fancybox a').each(function(){
    $(this).fancybox({ 'hideOnContentClick' : false, 'frameWidth' : 504, 'frameHeight' : 380 })
  })
});