Effect.SlideUpAndDown = function(element) {
	var button = "button_" + element;
	element = $(element);
	if(Element.visible(element)) {
		new Effect.SlideUp(element);
		$(button).firstChild.style.backgroundPosition = 'top';
	} else {
		new Effect.SlideDown(element);
		$(button).firstChild.style.backgroundPosition = 'bottom';
	}
}

Effect.AllSlideUp = function() {

	if(Element.visible('topics')) {
		new Effect.SlideUp('topics');
		$('button_topics').firstChild.style.backgroundPosition = 'top';
	}
	if(Element.visible('project')) {
		new Effect.SlideUp('project');
		$('button_project').firstChild.style.backgroundPosition = 'top';
	}
	if(Element.visible('profile')) {
		new Effect.SlideUp('profile');
		$('button_profile').firstChild.style.backgroundPosition = 'top';
	}
	if(Element.visible('blog')) {
		new Effect.SlideUp('blog');
		$('button_blog').firstChild.style.backgroundPosition = 'top';
	}
	if(Element.visible('contact')) {
		new Effect.SlideUp('contact');
		$('button_contact').firstChild.style.backgroundPosition = 'top';
	}

}

Effect.FadeInOut = function(element,delaysec) {
	element = $(element);
	if(Element.visible(element)) {
		new Effect.Fade(element,{delay:delaysec});
	} else {
		new Effect.Appear(element,{delay:delaysec});
	}
}

Effect.ProjectAdFadeInOut = function(element) {
	element = $(element);

	if (Element.visible('project_photo_3')
		|| Element.visible('project_photo_1')
		|| Element.visible('project_photo_4')
		|| Element.visible('project_photo_5')
		|| Element.visible('project_photo_6')) {
		Effect.Fade('project_photo_3',{delay:0});
		Effect.Fade('project_photo_1',{delay:0});
		Effect.Fade('project_photo_4',{delay:0});
		Effect.Fade('project_photo_5',{delay:0});
		Effect.Fade('project_photo_6',{delay:0});
		Effect.FadeInOut(element,1.1);
	} else {
		Effect.FadeInOut(element,0);
	}
}

Effect.ProjectIdFdFadeInOut = function(element) {
	element = $(element);

	if (Element.visible('project_photo_7')
		|| Element.visible('project_photo_2')
		|| Element.visible('project_photo_8')
		|| Element.visible('project_photo_9')) {
		Effect.Fade('project_photo_7',{delay:0});
		Effect.Fade('project_photo_2',{delay:0});
		Effect.Fade('project_photo_8',{delay:0});
		Effect.Fade('project_photo_9',{delay:0});
		Effect.FadeInOut(element,1.1);
	} else {
		Effect.FadeInOut(element,0);
	}
}

Effect.ProjectGdFadeInOut = function(element) {
	element = $(element);

	if (Element.visible('project_photo_10')
		|| Element.visible('project_photo_11')
		|| Element.visible('project_photo_12')
		|| Element.visible('project_photo_13')
		|| Element.visible('project_photo_14')
		|| Element.visible('project_photo_15')
		|| Element.visible('project_photo_16')
		|| Element.visible('project_photo_17')
		|| Element.visible('project_photo_18')) {
		Effect.Fade('project_photo_10',{delay:0});
		Effect.Fade('project_photo_11',{delay:0});
		Effect.Fade('project_photo_12',{delay:0});
		Effect.Fade('project_photo_13',{delay:0});
		Effect.Fade('project_photo_14',{delay:0});
		Effect.Fade('project_photo_15',{delay:0});
		Effect.Fade('project_photo_16',{delay:0});
		Effect.Fade('project_photo_17',{delay:0});
		Effect.Fade('project_photo_18',{delay:0});
		Effect.FadeInOut(element,1.1);
	} else {
		Effect.FadeInOut(element,0);
	}
}

Effect.ProjectOtFadeInOut = function(element) {
	element = $(element);

	if (Element.visible('project_photo_19')
		|| Element.visible('project_photo_20')
		|| Element.visible('project_photo_21')
		|| Element.visible('project_photo_22')
		|| Element.visible('project_photo_23')) {
		Effect.Fade('project_photo_19',{delay:0});
		Effect.Fade('project_photo_20',{delay:0});
		Effect.Fade('project_photo_21',{delay:0});
		Effect.Fade('project_photo_22',{delay:0});
		Effect.Fade('project_photo_23',{delay:0});
		Effect.FadeInOut(element,1.1);
	} else {
		Effect.FadeInOut(element,0);
	}
}



Effect.ProfileFadeInOut = function(element) {
	element = $(element);

	if (Element.visible('profile_photo_1')
		|| Element.visible('profile_photo_2')
		|| Element.visible('profile_photo_3')
		|| Element.visible('profile_photo_4')
		|| Element.visible('profile_photo_5')
		|| Element.visible('profile_photo_6')
		|| Element.visible('profile_photo_7')) {
		Effect.Fade('profile_photo_1',{delay:0});
		Effect.Fade('profile_photo_2',{delay:0});
		Effect.Fade('profile_photo_3',{delay:0});
		Effect.Fade('profile_photo_4',{delay:0});
		Effect.Fade('profile_photo_5',{delay:0});
		Effect.Fade('profile_photo_6',{delay:0});
		Effect.Fade('profile_photo_7',{delay:0});
		Effect.FadeInOut(element,1.1);
	} else {
		Effect.FadeInOut(element,0);
	}
}

Effect.SNFadeInOut = function(element) {
	element = $(element);

	if (Element.visible('SN_ad')
		|| Element.visible('SN_id')
		|| Element.visible('SN_gd')
		|| Element.visible('SN_fd')
		|| Element.visible('SN_pm')) {
		Effect.Fade('SN_ad',{delay:0});
		Effect.Fade('SN_id',{delay:0});
		Effect.Fade('SN_gd',{delay:0});
		Effect.Fade('SN_fd',{delay:0});
		Effect.Fade('SN_pm',{delay:0});
		Effect.FadeInOut(element,1.1);
	} else {
		Effect.FadeInOut(element,0);
	}
}



Event.observe(window, 'load', function() {
	$('topics').style.display = 'none';
	$('project').style.display = 'none';
	$('profile').style.display = 'none';
	$('blog').style.display = 'none';
	$('contact').style.display = 'none';

	$('profile_photo_1').style.display = 'none';
	$('profile_photo_2').style.display = 'none';
	$('profile_photo_3').style.display = 'none';
	$('profile_photo_4').style.display = 'none';
	$('profile_photo_5').style.display = 'none';
	$('profile_photo_6').style.display = 'none';
	$('profile_photo_7').style.display = 'none';

	$('project_photo_1').style.display = 'none';
	$('project_photo_2').style.display = 'none';
	$('project_photo_3').style.display = 'none';
	$('project_photo_4').style.display = 'none';
	$('project_photo_5').style.display = 'none';
	$('project_photo_6').style.display = 'none';
	$('project_photo_7').style.display = 'none';
	$('project_photo_8').style.display = 'none';
	$('project_photo_9').style.display = 'none';
	$('project_photo_10').style.display = 'none';
	$('project_photo_11').style.display = 'none';
	$('project_photo_12').style.display = 'none';
	$('project_photo_13').style.display = 'none';
	$('project_photo_14').style.display = 'none';
	$('project_photo_15').style.display = 'none';
	$('project_photo_16').style.display = 'none';
	$('project_photo_17').style.display = 'none';
	$('project_photo_18').style.display = 'none';
	$('project_photo_19').style.display = 'none';
	$('project_photo_20').style.display = 'none';
	$('project_photo_21').style.display = 'none';
	$('project_photo_22').style.display = 'none';
	$('project_photo_23').style.display = 'none';

	$('SN_ad').style.display = 'none';
	$('SN_id').style.display = 'none';
	$('SN_gd').style.display = 'none';
	$('SN_fd').style.display = 'none';
	$('SN_pm').style.display = 'none';


});