$(function(){
		Cufon.replace('h1', { fontFamily: 'vag rounded bold' });
		Cufon.replace('p.intro', {hover: true});
		Cufon.replace('p.outro', {hover: true});
		Cufon.replace('.button', { fontFamily: 'vag rounded bold' });    
		Cufon.replace('#uploadform label', { fontFamily: 'vag rounded bold' });   
	    $(".draggable").draggable({ cursor: 'move', zIndex: 2500 });
	    
	   
	    $("#uploadform").hide();
	    $(".draggable").hide();
	    $("#about").fadeIn();
	    $("#upload").fadeIn();
	    $("#overlay").hide();
	    
	    $(".draggable").hover(function() {
	    	$(this).css("z-index","99999");
	    });
	    
	 		$(".draggable").hover(
		  function () {
		   $(this).css("z-index","99999"); 
		     }, 
		  function () {
		    $(this).css("z-index","2500");
		  });
	    
		var upload = new AjaxUpload('#startupload', {
				action: 'index.php',
				name: 'uploadedfile',
				onSubmit: function(file, extension) {
					$("#myUploadForm").hide();
					$("#uploadstatus").html("<a href='#' id='cancel'></a><img src='/picnic10/_systemgfx/whileuploading.png' style='position:relative;top:-15px;left:-15px;' height='498' width='866' alt='Uploading..' /> ")
				},
				autoSubmit: false,
				onComplete : function(file){	
					$('#files').val(file);
					$("#myUploadForm").submit();
				}	
			});	


		$("#startsharing").hover(
		  function () {
		   $(this).addClass("white");
		   Cufon.replace('.button', { fontFamily: 'vag rounded bold' }); 
		     }, 
		  function () {
		    $(this).removeClass("white");
		    Cufon.replace('.button', { fontFamily: 'vag rounded bold' }); 
		  });
		
		
		$("#startupload").hover(
		  function () {
		   $(this).addClass("white");
		   Cufon.replace('.button', { fontFamily: 'vag rounded bold' }); 
		     }, 
		  function () {
		    $(this).removeClass("white");
		    Cufon.replace('.button', { fontFamily: 'vag rounded bold' }); 
		  });


	    
	    $("#startsharing").click(function() {
			//upload.submit();
			alert("send!");
			$("#myUploadForm").submit();
	    });
	    
	    $("#uploadform").hide();
	    
		 $("#upload").click(function() {
		 	$("#uploadform").fadeIn("slow");
		 	$("#overlay").show();
		 	$("body").css("overflow","hidden");
		 });

		 $(".submitlink").click(function() {
		 	$("#uploadform").fadeIn("slow");
		 	$("#overlay").show();
		 	$("body").css("overflow","hidden");
		 });	    
	   
	   

		 $(".submitlinkbody").click(function() {
		 	$("#uploadform").fadeIn("slow");
		 	$("#overlay").show();
		 	$("body").css("overflow","hidden");
		 });	    
	   
	   
	    
	    $(".draggable").each(function(index) {
			$(".draggable").css("top",Math.floor(Math.random()*600));
			$(".draggable").css("left",Math.floor(Math.random()*600));
		});
	
		// weergeven op een willekeurige positie
		 $(".topics").click(function() {
		 	$("#topics").show();
		 	$("#topics").css("top",Math.floor(Math.random()*600));
			$("#topics").css("left",Math.floor(Math.random()*600));
		 });
		 
		// weergeven op een willekeurige positie
		 $(".speakers").click(function() {
		 	$("#speakers").show();
		 	$("#speakers").css("top",Math.floor(Math.random()*600));
			$("#speakers").css("left",Math.floor(Math.random()*600));
		 });
		 
		// weergeven op een willekeurige positie
		 $(".workshops").click(function() {
		 	$("#workshops").show();
		 	$("#workshops").css("top",Math.floor(Math.random()*600));
			$("#workshops").css("left",Math.floor(Math.random()*600));
		 });
		 
		// weergeven op een willekeurige positie
		 $(".decor").click(function() {
		 	$("#decor").show();
		 	$("#decor").css("top",Math.floor(Math.random()*600));
			$("#decor").css("left",Math.floor(Math.random()*600));
		 });	
		 
			// weergeven op een willekeurige positie
		 $(".smarttechnology").click(function() {
		 	$("#smarttechnology").show();
		 	$("#smarttechnology").css("top",Math.floor(Math.random()*600));
			$("#smarttechnology").css("left",Math.floor(Math.random()*600));
		 });
		 
			// weergeven op een willekeurige positie
		 $(".connectingpeople").click(function() {
		 	$("#connectingpeople").show();
		 	$("#connectingpeople").css("top",Math.floor(Math.random()*600));
			$("#connectingpeople").css("left",Math.floor(Math.random()*600));
		 });
		 
			// weergeven op een willekeurige positie
		 $(".flashmobs").click(function() {
		 	$("#flashmobs").show();
		 	$("#flashmobs").css("top",Math.floor(Math.random()*600));
			$("#flashmobs").css("left",Math.floor(Math.random()*600));
		 });
		 
			// weergeven op een willekeurige positie
		 $(".art").click(function() {
		 	$("#art").show();
		 	$("#art").css("top",Math.floor(Math.random()*600));
			$("#art").css("left",Math.floor(Math.random()*600));
		 });	
		 
			// weergeven op een willekeurige positie
		 $(".music").click(function() {
		 	$("#music").show();
		 	$("#music").css("top",Math.floor(Math.random()*600));
			$("#music").css("left",Math.floor(Math.random()*600));
		 });
		 
			// weergeven op een willekeurige positie
		 $(".food").click(function() {
		 	$("#food").show();
		 	$("#food").css("top",Math.floor(Math.random()*600));
			$("#food").css("left",Math.floor(Math.random()*600));
		 });	 		  	 	 	  	 	 
	
			// weergeven op een willekeurige positie
		 $(".costumes").click(function() {
		 	$("#costumes").show();
		 	$("#costumes").css("top",Math.floor(Math.random()*600));
			$("#costumes").css("left",Math.floor(Math.random()*600));
		 });
		 
			// weergeven op een willekeurige positie
		 $(".installations").click(function() {
		 	$("#installations").show();
		 	$("#installations").css("top",Math.floor(Math.random()*600));
			$("#installations").css("left",Math.floor(Math.random()*600));
		 });	 	 		  	 	 	  	 		
	
			// weergeven op een willekeurige positie
		 $(".sponsors").click(function() {
		 	$("#sponsors").show();
		 	$("#sponsors").css("top",Math.floor(Math.random()*600));
			$("#sponsors").css("left",Math.floor(Math.random()*600));
		 });
		 
			// weergeven op een willekeurige positie
		 $(".partners").click(function() {
		 	$("#partners").show();
		 	$("#partners").css("top",Math.floor(Math.random()*600));
			$("#partners").css("left",Math.floor(Math.random()*600));
		 });
		 
	
		// alle boxes hebben een hide on doubleclick
		$(".box").dblclick(function(){
			$(this).hide();
		});
		
		$(".draggable").hover(function(){
			$(this).css("opacity","1");
		},
		function(){
			$(this).css("opacity",".8");
		});
			
		$("#overlay").click(function(){
			$("#uploadform").fadeOut("slow");
			$("#overlay").fadeOut("slow");
		});

		// alle boxes hebben een hide on doubleclick
		$("#uploadform").dblclick(function(){
			$(this).fadeOut("slow");
			$("#overlay").fadeOut("slow");
		});
		
		$("#cancel").click(function(){
			$(this).fadeOut("slow");
			$("#overlay").fadeOut("slow");
		});
		
		$(".contact_form").dblclick(function(){
			return false;
		});
		
		
			$("#upload").css("top",Math.floor(Math.random()*700));
			$("#upload").css("left",Math.floor(Math.random()*700));
			$("#about").css("left",Math.floor(Math.random()*700));
			$("#about").css("top",Math.floor(Math.random()*700));
		
		
	});