$(document).ready(function() {
	$('#container').wrap('<div id="margin_overflow"></div>')
	$('.photos').wrap('<div id="photo_container"></div>')

	/* hide menu */
	function hideMenu() {
//		alert('hide');
		if($('ul#navigation').attr('active') == 0) {
			$('ul#navigation').hide();
		}
	}
	$('ul#navigation').hide();
	
	$('#logo').hover(function() {
		$('ul#navigation').show();
		$('ul#navigation').attr('active',1);
	},
	function() {
		$('ul#navigation').attr('active',0);
		$('ul#navigation').animate({opacity:1.0},1125,hideMenu);
	})
	$('ul#navigation').hover(function(){},function() {
		$('ul#navigation').attr('active',0);
		$('ul#navigation').animate({opacity:1.0},1125,hideMenu);
	})
	$('ul#navigation li').mouseover(function() {
		$('ul#navigation').attr('active',1);
	})
	
	/* semi transparent info */
	$('.info').wrap('<div class="info_container"></div>');
	$('.info').css('opacity',0.7);
	$('.info p').css('opacity',0);
	var t = $('.info').clone();
	t.css('opacity',1);
	t.find('p').css('opacity',1);
	t.css('background-color','transparent');
	$('.info').after(t);
	$('.info_container').hide();
	
	$('.cross').mouseover(function() {
		$('.info_container').show();
	})
	$('.cross').mouseout(function() {
		$('.info_container').hide();
	})
	
	/*
	var position = $("#container").position();
	var targetOffset = position.left;
//	$('#photo_container').css("left",-targetOffset);
	$('#photo_container').css("width", $('#photo_container').width()+targetOffset);
	*/
	/* spead nav */
	$('ul.photos li a').click(function() {
		var c = $(this).attr('title');
		
		var img = $(this).attr('href');
		$('#illustratie img').attr('src',img);
		
		var position = $(this).position();
		var targetOffset = -position.left;
		$('ul.photos').animate({left: targetOffset}, 500);
		$('ul.photos li a[active=0] img').css('backgroundColor','#ffffff');
		$('ul.photos li a[visited=1] img').css('backgroundColor','#cccccc');
		$('ul.photos li a').attr('active',0);
		$(this).attr('active',1);
		$(this).attr('visited',1);
		$(this).find('img').css('backgroundColor',c);
		
		//set all accent colors right
		$('.accent,.cross').css('color',c);
		$('.info:first').css('background-color',c);
		$('#navigation li a,h1 a').hover(function() {
			$(this).css('color',c);
		},function() {
			$(this).css('color','#ffffff');
		})
		return false;
		
	})
	$('ul.photos li a').mouseover(function() {
		$(this).find('img').css('backgroundColor',$(this).attr('title'));
	})
	$('ul.photos li a').mouseout(function() {
		if($(this).attr('active') == 1) {
			$(this).find('img').css('backgroundColor',$(this).attr('title'));
		} else if($(this).attr('visited') == 1) {
			$(this).find('img').css('backgroundColor','#cccccc');
		} else {
			$(this).find('img').css('backgroundColor','#ffffff');
		}
		
	})
	
	var first_color = $('ul.photos li:first a').attr('title');
	$('ul.photos li:first a').attr('visited',1);
	$('ul.photos li:first a').attr('active',1);
	$('ul.photos li:first a img').css('backgroundColor',first_color);
	
	//set all accent colors right
	$('.accent,.cross').css('color',first_color);
	$('.info:first').css('background-color',first_color);
	$('#navigation li a,h1 a').hover(function() {
		$(this).css('color',first_color);
	},function() {
		$(this).css('color','#ffffff');
	})
	
});

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17970648-1']);
_gaq.push(['_trackPageview']);

(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();