// JavaScript Document

$(function(){
	$('#header-image-bg div:lt(4), #header-image-content div').hide();
	$('#header-menu li').click(function(){
		if(!$(this).hasClass('active')){
			$('#header-menu li').removeClass('active');
			$(this).addClass('active');
			changeContent($(this));
		}
	});	
	
	$(window).resize(function(){ positioningContent(); });
});

function changeContent(el){
	var id = $(el).index();		
	var bg = $('#header-image-bg div').get(id);
	var co = $('#header-image-content div').get(id);
	$('#header-image-bg div, #header-image-content div').fadeOut(300);
	$(bg).fadeIn(300);
	$(co).fadeIn(300);
	positioningContent();
}

function positioningContent(){
	$('#header-menu li').each(function(){
		if($(this).hasClass('active')){
			var el = $(this).get();
			$('#header-image-content').css('margin-left', $(el).position().left);
		}
	});
}