jQuery(function(){
	
	function init()
	{
		initTopImageRoll();
		initImageGallery();
	};
	/**
	 * 
	 */
	function initImageGallery()
	{
		$('#imagelay').click(cleanOverThing);
		$('.thumbnailfra a').click(function(e){
			e.preventDefault();
			
			var imgo = $('img',e.currentTarget)
			var urla = $(this).attr('href').split('/');
			var url = '/publicms/file/showimg/dw/600/id/'+urla[5]+'/fn/'+urla[5]+'.jpg';
			var im = new Image();
			im.src = url;
			$('#imagelay').fadeIn("fast").html('<br><br><br><br><br><br><br><br><br><br>Loading...');
			im.onload = function() {
				$('#imagelay').html('');
				var height = $(window).height();
				var width = $(document).width();
				var r = Math.round( (width-60)/2-(this.width/2) );
				var e = Math.round( (height-60)/2-(this.height/2) );
				$('body').append('<div id="imagelayimg" onClick="cleanOverThing()" style="display:none; top:'+(e-80)+'px; left:'+r+'px;"><img src="'+url+'" onClick="cleanOverThing()" /></div>');
				$('#imagelayimg').fadeIn();
			};
		});
	};
	/**
	 * 
	 */
	function initTopImageRoll()
	{
		var imgnbr = 1;
		var maximg = 4;
		var interv = setInterval(changeZeImg, 5000);
		var myImages = [];
		for (var i=1; i <= maximg; i++) {
			myImages[i] = new Image();
			myImages[i].src = '/assets/images/topimg'+i+'.jpg' 
		}
		/**
		 * 
		 */
		function changeZeImg()
		{
			var imgn = '<div><img src="/assets/images/topimg'+imgnbr+'.jpg"></div>';
			$('#topimagetd').empty().append(imgn);
			imgnbr++;
			if (imgnbr > maximg) imgnbr = 1;
			$('#topimagetd').css({'background-image':'url(/assets/images/topimg'+imgnbr+'.jpg)'});
			$('#topimagetd div').fadeOut(1000, function(){
				$('#topimagetd').empty();
			});
		};		
	};
	// run
	init();
	
});

function cleanOverThing()
{
	$('#imagelayimg').fadeOut("fast",function(){
		$(this).remove();
	});
	$('#imagelay').fadeOut("fast");
};