//«Copyright 2007 Max Barel http://ac-mb.info a_x@ac-mb.info»

var dim, zoom;

$(function () {
	//positionnement initial
	$('div#items').css({'position': 'fixed'});//'zIndex':2
	$('div.item').css({'position': 'absolute'});
	setTimeout(function () {
		// mise_en_page(); //option affichage damier direct
		// option animation initiale
		dim = $('div.item')[0].offsetHeight;
		// dim = $('div#items')[0].offsetHeight / 2;
		// dim = $('div#items').height() / 2;
		$('div#items').css({'width': 2 * dim});//'zIndex':2
		$('div.topo').css('left', 2 * dim);

		$('div.item').each(function (i) {
			if ($.browser.msie && $.browser.version < '7' ) $('img', this).css({'marginTop': (i < 2) ? '2%' : '1%', 'marginLeft': (i % 2) ? '4%' : '2%'});
			else if ($.browser.mozilla) $('img', this).css({'marginTop': (i < 2) ? '4%' : '2%', 'marginLeft': (i % 2) ? '1%' : '2%'});
			else $('img', this).css({'marginTop': (i < 2) ? '4%' : '2%', 'marginLeft': (i % 2) ? '2%' : '4%'});
			$(this).animate({'width': dim, 'height': '50%', 'top': (i < 2) ? 0 : dim, 'left': (i % 2) ? dim : 0}, 1500);
		});
	}, 400);

	//gestion redimensionnement ultérieur
	$(window).resize(mise_en_page);
	
	//zoom
	$('div.item').toggle(function () {
			$('img', this).attr({'src': $('img', this).attr('src').replace(/images_m/, 'images_h')});
			$(this).css({'zIndex': '5'}).animate({'height': '100%', 'width': 2 * dim, 'top':0, 'left':0}, 1000, function () {
				$('div#topo' + this.id).fadeIn();			
				$('div#topo').fadeOut();
				zoom = this;
			});
			$('img', this).animate({'height': '100%', 'marginTop': '0', 'marginLeft': '0'}, 1000);
		}
		, function () {
			var i = $('div.item').index(this);
			$(this).animate({'width': dim, 'height': '50%', 'top': (i < 2) ? 0 : dim, 'left': (i % 2) ? dim : 0}, 1000, function () {
				$(this).css({'zIndex': '0'});// , 'width': 'auto'
				zoom = null;
				$('div#topo' + this.id).fadeOut();			
				$('div#topo').fadeIn();
			});
			if ($.browser.msie && $.browser.version < '7') $('img', this).animate({'height': '94%', 'marginTop': (i < 2) ? '2%' : '1%', 'marginLeft': (i % 2) ? '2%' : '4%'}, 1000);
			else if ($.browser.mozilla) $('img', this).animate({'height': '94%', 'marginTop': (i < 2) ? '4%' : '2%', 'marginLeft': (i % 2) ? '1%' : '2%'}, 1000);
			else $('img', this).animate({'height': '94%', 'marginTop': (i < 2) ? '4%' : '2%', 'marginLeft': (i % 2) ? '2%' : '4%'}, 1000);
		});
});

function mise_en_page() {
	// dim = $('div.item')[0].offsetHeight;
	dim = $('div#items')[0].offsetHeight / 2;
	// dim = $('div#items').height() / 2;
	$('div#items').css({'width': 2 * dim});//'zIndex':2
	$('div.topo').css({'left': 2 * dim, 'width': 'auto'});
	if ($.browser.msie && $.browser.version < '7' && $('div.topo')[0].offsetWidth < 196)  $('div.topo').css({'width': 196});

	$('div.item').each(function (i) {
		if (zoom != this) $(this).css({'width': dim, 'top': (i < 2) ? 0 : dim, 'left': (i % 2) ? dim : 0});
		else $(this).css({'width': 2*dim});
	});
}