// JavaScript Document
var preload ;

$(function(){
					 
	preloading();
	preload = setInterval(preloading, 200);
					 
	if($('#gallery img').length>0)
		gallery();
		
		
	$('ul.menu li a').each(function(){
		
		url = String(document.location);
		if(url.indexOf($(this).attr('href') ) > -1){
			$(this).css({color:'#777'});
		}
	});
	
	
	$('<div id="shadow"></div>').appendTo('#all');
	
	$(window).resize(shadow);
	
	
	
});


function preloading(){
	$('#all').hide();
	$('#loading').show();
	var img = new Image();
	img.onload = preload_ok;
	img.src = "img/back.jpg"; 
}

function preload_ok(){
		clearInterval(preload);
		$('#all').show();
		$('#loading').hide();
		shadow();
}


function shadow(){
	if ($.browser.opera || $.browser.msie || (($.browser.version).substr(0,3)<1.9))
		var dim = {top:2,left:2,width:2,height:2};
	else 
		var dim = {top:2,left:3,width:1,height:2};

	$('#container').css('position','static');

	$('#shadow').css({
		position:'absolute',
		top:$('#container').offset().top+dim.top,
		left:$('#container').offset().left+dim.left,
		width:$('#container').width()+dim.width,
		height:$('#container').height()+dim.height,
		backgroundColor:'#000',
		zIndex:1
	});


	$('#container').css({
		position:'absolute',
		top:$('#container').offset().top,
		left:$('#container').offset().left,
		backgroundColor:'#000',
		zIndex:2
	});

}


function gallery(){

	

	$('#gallery img').hover(function(){
		if ($(this).hasClass('selected'))
			return;
		$(this).fadeTo(500,0.5);
		$(this).css({border:'1px solid #f99'});
	},function(){
		if ($(this).hasClass('selected'))
			return;
		$(this).fadeTo(500,1);
		$(this).css({border:'1px solid #ddd'});
	}).click(function(){
		var img = $(this);
		$('img', img.parent()).removeClass('selected').css({border:'1px solid #ddd'}).fadeTo(500,1);
		img.addClass('selected');
		img.fadeTo(500,0.5);
		var top = $('#gallery_big').offset().top + $('#gallery_big').height()/2;
		var left = $('#gallery_big').offset().left+ $('#gallery_big').width()/2;
		
		$('#gallery_big').slideUp(500, function(){
			var loader = $('<img src="img/ajax-loader.gif">').appendTo('body');
			loader.css({
				position:'absolute', 
				top:top - 40,
				left:left - 15
			});
			
			$('#gallery_big h3').text(img.attr('title'));
			$('#gallery_big h4').text(img.attr('longdesc'));
			$('#gallery_big img').attr('title', img.attr('title'));
			$('#gallery_big img').attr('alt', img.attr('alt'));
			$('#gallery_big img').attr('longdesc', img.attr('longdesc'));
			$('#gallery_big img').attr('src',  (img.attr('src')).replace("mini.","") );
			$('#gallery_big img').load(function(){
				loader.remove();
				$('#gallery_big').slideDown(500);
			});
		});
	});
}