$(function (){
	 
	// Footer menu
	$('#footerNavFirst li.liLevel1 div.sub').hide();
	$('#footerNavFirst li.liLevel1').hover(function() {
		Cufon.replace('#footerNavFirst a.aLevel1');
	}).find('a.aLevel1').click(function() {
	   	$('#footerNavFirst li.active').removeClass('active').find('div.sub').slideToggle();
	    $(this).parent().addClass('active').find('div.sub').slideToggle();
		Cufon.replace('#footerNavFirst a.aLevel1');
		pageMask();
		$('#pageMask').show();
		$('#flashContainer, iframe').css("visibility", "hidden");
		return false;
	});
	$('#footerNavFirst li.liLevel1 a.close').click(function() {
		$(this).parents('li.liLevel1').removeClass('active').find('div.sub').slideToggle();
		Cufon.replace('#footerNavFirst a.aLevel1');
		$('#pageMask').hide();
		$('#flashContainer, iframe').css("visibility", "visible");
		this.blur();
		return false;
	});
	if ($('#pageMask:visible')) {
		$(document).click(function(event) {
			var $target = $(event.target);
			if ($target.is(":not('#footerNavFirst, #footerNavFirst *:not('a.close')')") ) {
		    	$('#footerNavFirst li.active a.close').trigger('click');
		    }
		});
	}
	 
	// Add rounded corner
	$("#content img.rounded-img").each(function() {
		$(this).wrap(function(){
			return '<div class="' + $(this).attr('class') + '" style="width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;" />';
		});
		$(this).parent().append(function(){
			return '<div class="topright" />';
		});
		$(this).removeClass();
	});
	
	// viewportSize (1/2)
	$(window).resize(function () {
		viewportSize();
	});
	viewportSize();

	
});

// Resize pageMask to html-size
function pageMask() {
	var htmlHeight = $(document).height();
	if ($.browser.msie && $.browser.version == 6.0) {
		var htmlHeight = $('#wrapper').height(); // Different height calculation for IE6
	}
	$('#pageMask').height(htmlHeight);
}

// viewportSize (2/2)
// TO CHANGE ************** URL
function viewportSize() {
	var viewportWidth = $(window).width();
	if (viewportWidth < 1120) {
		$('body').css("background-image", "url(/images/interface/wave_inside_narrow.png)");
		$('body.page_home').css("background-image", "url(/images/interface/wave_home_narrow.png)");		
	} else {
		$('body').css("background-image", "url(/images/interface/wave_inside.png)");
		$('body.page_home').css("background-image", "url(/images/interface/wave_home.png)");	
	}
	$('#cboxFrame body').css("background-image", "none");
};

