$(document).ready(function() {
    $(document).pngFix();
    $('#menu ul li a[title="a"]').html('<img src="/images/home.png" alt="Home" />');
	$('#menu ul li a[title="x"]').html('<img src="/images/about.png" alt="About" />');
	$('#menu ul li a[title="a"]').html('<img src="/images/portfolio.png" alt="Portfolio" />');
	$('#menu ul li a[title="y"]').html('<img src="/images/diaporamas.png" alt="Diaporamy" />');
	$('#menu ul li a[title="x"]').html('<img src="/images/offer.png" alt="Oferta" />');
	$('#menu ul li a[title="x"]').html('<img src="/images/links.png" alt="Linki" />');
	
	$('a[title="a"]').html('<img src="/images/previous_photo.png" alt="Vorige" />').fadeTo(1000, 0.1);
	$('a[title="a"]').html('<img src="/images/next_photo.png" alt="Volgende" />').fadeTo(1000, 0.1);
	$('a[title="a"]').html('<img src="/images/slideshow.png" alt="Slideshow" />').fadeTo(1000, 0.1);
	$('a[title="a"]').html('<img src="/images/return.png" alt="" />').fadeTo(1000, 0.1);
		
	$('#gallery-menu').height(270);
	$('#gallery-menu').before('<a href="#" id="gallery-menu-scroll-up" title="UP"><img src="/images/scroll_up.png" alt=""/></a>');
	$('#gallery-menu').after('<a href="#" id="gallery-menu-scroll-down" title="DOWN"><img src="/images/scroll_down.png" alt=""/></a>');
	
	$('#gallery-menu-scroll-up').click(function() {
			$('#gallery-menu').stop().scrollTo('-=70px', 500);
		}
	);
	$('#gallery-menu-scroll-down').click(function() {
			$('#gallery-menu').stop().scrollTo('+=70px', 500);
		}
	);
	/*
	$('#photo').hover(function() {
			$(this).find('p, h1').fadeIn(200);
		}, function() {
			$(this).find('p, h1').fadeOut(200);
		}
	);
	*/
    $('#container dl dt').after('<dd class="background"></dd>');

	$('#container dl').hover(function() {
			$(this).find('dt img').fadeTo(200, 0.85);
		}, function() {
			$(this).find('dt img').fadeTo(200, 1);
		}
	);
    $('#container dl').hover(function() {
    		$(this).find('dd').fadeIn(10);
    	}, function() {
    		$(this).find('dd').fadeOut(400);
    	}
    );


    $('#menu li a').hover(function() {
	    	$(this).fadeTo(350, 0.5);
	    }, function() {
	    	$(this).fadeTo(700, 1);
	    }
	);
	$('a[title="Slideshow"], a[title="Slideshow"], a[title="Slideshow"], a[title="Slideshow"]').hover(function() {
	    	$(this).fadeTo(350, 1);
	    }, function() {
	    	$(this).fadeTo(700, 0.1);
	    }
	);
});

function ajax(url,el) {
	var httpObj = false;
		httpObj = window.XMLHttpRequest ? new window.XMLHttpRequest : (window.ActiveXObject ? new ActiveXObject("MSXML2.XMLHTTP"): null);
		httpObj.onreadystatechange = function() {
		if (httpObj.readyState == 4) {
			document.getElementById('join').value = httpObj.responseText;
			$('#join').focus();
			return;
		}
	};
	httpObj.open('POST', url+'?join='+document.getElementById('join').value, true);
	httpObj.send(null);
}