function trace(msg) {
	
	
	if (navigator.userAgent.indexOf('Safari') > -1) {
		// safari
		console.log(msg);
	} else if (window.console) {
		// firefox et. al.
		console.log(msg);
	}
}

var numImages;
var divWidth = 800;
var imageWidth = 450;


$(document).ready(function(){

	trace('document ready ***');
	
	/* -------------- nav -------------- */

	$('.navItem').click(function(){
		trace('klik');
		window.location = $(this).find('a').attr('href');
	});
	$('.navItem').css({cursor: 'pointer'});



	/* -------------- galerie -------------- */
	
	if (navigator.userAgent.indexOf('Safari') > -1) {
		
		var loadedImages = [];

		$('.kwick').load(function(){
			//trace($(this).attr('src'));
			loadedImages.push($(this));
			if (loadedImages.length >= $('.kwick').length) {
				prepareGallery();
			}
		});
	} else {
		$(window).load(function(){
			trace('window load ***');
			prepareGallery();
		});
	}


});

function prepareGallery() {
	trace('all images loaded');
	$('#galerie').fadeIn(1700);

	showImage($('.kwick').eq(0), true);

	$('.kwick').each(function(){
		$(this).mouseover(function(){
			trace($(this).data('isAnimated'));
			//if ($(this).data('isAnimated') !== true) {	
				showImage($(this));
			//}
		});
	});
}

function showImage(img, firstRun) {

	var n = img.attr('id').split('_')[1];

	//trace('showImage: ' + n);
	
	var numImages = $('.kwick').length;
	
	var xx = 0;

	if (firstRun === true && n == 1) {
		xx = imageWidth;	
	}

	img.data('isAnimated', true);
	
	var normalDist = Math.ceil((divWidth - imageWidth) / (numImages - 1));
	
	$('.kwick').stop();
	
	$('.kwick').each(function(index){
		//trace($(this).attr('src'));
		if ($(this) != img) {	
			$(this).animate({left: xx}, 1700);
			if (index == n) {
				xx += imageWidth;
			} else {
				xx += normalDist;
			}
		}
	});
}