//cufon text replace
Cufon.replace('.titles');
Cufon.replace('.titles_small');
Cufon.replace('.locationtitles');
Cufon.replace('.locationtitles_small');
Cufon.replace('.column-title');

// calculate the size of the window and slide
jQuery(function($) {	


// multimedia column heights

mHeight = $('#video_column').height();
$('#recap_column').css('height', mHeight);
$('#video_column').css('height', mHeight);
$('#gallery_column').css('height', mHeight);

// add hover state

	$('.header .navigation .container li').hover(function() {
		$(this).addClass('hover'); }, function () { $(this).removeClass("hover");  });
	
	$('.header .navigation .container li a[rel=panel]').click(function() {
		$('.header .navigation .container li').removeClass('selected');
		$(this).parent('li').addClass('selected');
	});
	
	$('.header-multimedia').click(function() {
		$('.header .navigation .container li').removeClass('selected');
	});
	
	// next destination items at the bottom
	$('.to_miami').click(function() {
		$('.header .navigation .container li').removeClass('selected');
		$('li#dest_miami').addClass('selected');
	});

	$('.to_sanjose').click(function() {
		$('.header .navigation .container li').removeClass('selected');
		$('li#dest_sanjose').addClass('selected');
	});

	$('.to_chicago').click(function() {
		$('.header .navigation .container li').removeClass('selected');
		$('li#dest_chicago').addClass('selected');
	});
	
	$('.to_pretoria').click(function() {
		$('.header .navigation .container li').removeClass('selected');
		$('li#dest_pretoria').addClass('selected');
	});

	$('.to_rustenburg').click(function() {
		$('.header .navigation .container li').removeClass('selected');
		$('li#dest_rustenburg').addClass('selected');
	});

	$('.to_bloemfontein').click(function() {
		$('.header .navigation .container li').removeClass('selected');
		$('li#dest_bloemfontein').addClass('selected');
	});

	$('.to_johannesburg').click(function() {
		$('.header .navigation .container li').removeClass('selected');
		$('li#dest_johannesburg').addClass('selected');
	});

	$('.to_goldcup').click(function() {
		$('.header .navigation .container li').removeClass('selected');
		$('li#dest_goldcup').addClass('selected');
	});

	$('.to_mexicocity').click(function() {
		$('.header .navigation .container li').removeClass('selected');
		$('li#dest_mexicocity').addClass('selected');
	});

	$('.to_multimedia').click(function() {
		$('.header .navigation .container li').removeClass('selected');
		// $('li#dest_mexicocity').addClass('selected');
	});

	
	var $mask = $('#mask'),
		mask_width = $mask.width(),
		$panel = $('#panel'),
		largepanel = $('#pretoria').height() + 100,
		currentPanel = $('a[rel=panel]:last').attr('href'),
		setPanelSize = function() {
			$panel
				.width('9999em') // just make it really big
				.find('.panel').width(mask_width);
		};
	
	//$('#mask').css({'height':$('#pretoria').height()});
	$mask.css({'height':largepanel});		
	setPanelSize();
	
	$(window).resize(function() {
		mask_width = $mask.width(); // get the new mask width
		setPanelSize();
		$mask.scrollTo(currentPanel, 0);	// reset the currently displayed panel
	});
	
	
	$('a[rel=panel]').click(function () {
		var $this = $(this),
			href = $this.attr('href'),
			panelheight = $(href).height();
		currentPanel = href;
		$('html,body').animate({scrollTop:'0', duration:500 });
		$mask.scrollTo(href, 700);		
		return false;
	});
	
	$('.btnScrollTop').click(function(){
		$('html,body').animate({scrollTop: '0'}, 1000)
	});

	$('.rounded').corners();
	$('.header').pngFix();
	$('.TB_overlayMacFFBGHack').pngFix();
});