background aparecer e desaparecer

[manoaj 12]

pessoal eu tenho uma div com position fixed e queria que o background dessa div só aparecece quando usuário passace de certo ponto quando girace o scrollbar mas não faço a minima ideia de como fazer isso, pra entenderem melhor o que quero fazer vou deixar um exemplo que é este site http://demo.gavick.com/joomla25/simplicity/

[manoaj 12]

acho que essa função seria a responsavel mas não entendo quase nada de js , alguém poderia me explicar o que esta acontecendo.

 

window.addEvent('scroll', function() {
	// menu animation
	if(page_loaded && document.getElement('body').hasClass('imageBg')) {
		// if menu is not displayed now
		if(window.getScroll().y > document.id('gkHeader').getSize().y && !document.id('gkMenuWrap').hasClass('active')) {
			document.id('gkHeaderNav').inject(document.id('gkMenuWrap'), 'inside');
			document.id('gkHeader').setProperty('class', 'gkNoMenu');
			document.id('gkHeader').getElement('div').setStyle('display', 'none');
			document.id('gkMenuWrap').setProperty('class', 'active');
		}
		//
		if(window.getScroll().y <= document.id('gkHeader').getSize().y && document.id('gkMenuWrap').hasClass('active')) {
			document.id('gkHeader').getElement('div').setStyle('display', 'block');
			document.id('gkHeaderNav').inject(document.id('gkHeader').getElement('div'), 'top');
			document.id('gkHeader').setProperty('class', '');
			document.id('gkMenuWrap').setProperty('class', '');
		}
	}