function app() {
	$.preload(['button_left', 'button_right', 'send', 'top', 'icon_app_24', 'icon_home_24', 'icon_mail_24'],
    	{ base:'img/', ext:'.png' });
   	$.preload(['acunote', 'cafefx', 'extranet', 'ith', 'logo/nettime', 'logo/voteworx'],
    	{ base:'img/logo/', ext:'.png' });
   	$.preload(['acunote', 'cafefx', 'extranet', 'ith', 'logo/nettime', 'logo/voteworx'],
    	{ base:'img/shot/', ext:'/small.png' });

	$("#content-nojs").hide();
	$("#content").show();
	$(".page").hide();
	$('#link_about').click(function() {
		$(".page:visible").hide("blind", { direction: "vertical" }, 1000);
		$(this).oneTime(1000, function() {
			$("#about").show("blind", { direction: "vertical" }, 1000);
		});
    }).click();
  	$('#link_portfolio').click(function() {
		$(".item").hide();
		$(".page:visible").hide("blind", { direction: "vertical" }, 1000);
		$(this).oneTime(1000, function() {
			$("#portfolio").show("blind", { direction: "vertical" }, 1000);
		});
		$(this).oneTime(2200, function() {
			$(".item:first").show("explode", {pieces: 9}, 1000);
		});
    });
	$('#link_contact').click(function() {
		$(".page:visible").hide("blind", { direction: "vertical" }, 1000);
		$(this).oneTime(1000, function() {
			$("#contact").show("blind", { direction: "vertical" }, 1000);
		});
    });
	$('#csend').click(function() {
		$('#cret').hide();
		$('#csend').removeClass('csend_clicked').addClass('csend_clicked');
		$(this).oneTime(200, function() {
			$('#csend').removeClass('csend_clicked').addClass('csend_normal');
		});
		$.post('inc/contact_sender.php',
			{ name: $('#cname').val(), email: $('#cemail').val(), msg: $('#cmsg').val() }, 
			function(data) {
				$('#cname').val('').labelIn();
				$('#cemail').val('').labelIn();
				$('#cmsg').val('').labelIn();
				$('#cret').html(data).show("blind", { direction: "vertical" }, 1000);
				$(this).oneTime(3000, function() {
					$("#cret").hide("blind", { direction: "vertical" }, 1000);
				});
		});
	});


	$('#cname').labelIn();
	$('#cemail').labelIn();
	$('#cmsg').labelIn();
	$("#cret").hide();

    $("#items").scrollable(); 
    $(".img").click(function() { 
		$(".item:visible").hide("scale", {}, 1000);
		$(this).oneTime(800, function() {
			$("#" + $(this).attr('title')).show("explode", {pieces: 9}, 1000);
		});
    });
};