$(document).ready(function(){

	// links to external websites
	$("a[rel=external]").attr({ target: "_blank" });
	

	initEtalage();
});


function initEtalage() {
	
	$('#etalage #menu li').first().addClass("current_page_item");

	// remove permalinks
	$('#intro a').attr("href", "#"); //removeAttr("href");
	
	// attach event handler
	$('#intro a').click(function() {

		// fade out view & intro
		$('#view').fadeOut('slow', function() {
		
        	// Animation complete

		});
		$('#intro').fadeOut('slow');
		
		$('body').addClass('detail');
		$('body').removeAttr('id');
		
		// animate masthead
		$('#masthead').animate({
			height: "25px",
		}, 'slow' );
		
		if ( !$('#menu').hasClass('mobile') ) {
			$('#menu').animate({
				height: "90px",
			}, 'fast' );
	
			$('#etalage #menu li:gt(1)').fadeOut('slow');
			$('.etalage #menu li:gt(2)').fadeOut('slow');
		}	

		// fade in detail & beeld
		$('#detail').fadeIn('slow');
		$('#beeld').fadeIn('slow', function() {
		
        	// Animation complete
	
      	});
		
		//alert($(this).attr("href"));
		//return alert(this.attr("href"));
		
	});

}


function lights(newColor) {

	var imgPath = '/wp-content/themes/cascade-13/images/';

	switch(newColor) {
		case 'l': 	var endColor = '#f2f2f2'; var endBg = 'url('+imgPath+'bg_l.gif)'; var fgColor = '#000'; break;
		case 'll': 	var endColor = '#fff'; var endBg = 'url('+imgPath+'bg_ll.gif)'; var fgColor = '#000'; break;
		case 'd': 	var endColor = '#444'; var endBg = 'url('+imgPath+'bg_d.gif)'; var fgColor = '#fff'; break;
		case 'dd': 	var endColor = '#000'; var endBg = 'url('+imgPath+'bg_dd.gif)'; var fgColor = '#eee'; break;
	}
	
	// 1: parse current class/color
	var curClass = document.body.className;
	var pos1 = curClass.indexOf('case');
	var pos2 = curClass.length;

	var curColor = curClass.substr(pos1+5,pos2);
	
	// 2: clear current background image
	$('body').css('background-image', 'none');


	// 3: transition menu / bg color
	$('#menu a').animate({ color: fgColor }, 200);
	$('body').animate({ backgroundColor: endColor }, 200, function() {

		// 4: set new background image
		$('body').css('background-image', endBg);
	
/*
		// 5: attach new class
		$('body').removeClass(curColor);
		$('body').addClass(newColor);
*/

	});
	
}


function text(state) {

	if (state==0) $('.entry').fadeOut('slow');
	else $('.entry').fadeIn('slow');

}