jQuery().ready(function(){
	// first simple accordion with special markup
	
		jQuery('#leftMenu').accordion({
			header: 'div.title',
			active: false,
			alwaysOpen: false,
			animated: false,
			autoheight: false
		});
	// first simple accordion with special markup
		jQuery('#rightMenu').accordion({
			header: 'div.title',
			active: false,
			alwaysOpen: false,
			animated: false,
			autoheight: false
		});
		
		
        
		//noodzakelijk om de allereerste fadeIn mooi te tonen //
		
		$('.clickmeIn').click(function() {
			$('#putImageHere a').hide( 0, function() {});
    		$('#putImageHere img').fadeTo('fast', 0.25, function() {
				$('#middlePane').fadeIn('fast', function() {});
    		});
		});
		
		$('.clickmeOut').click(function() {
    		$('#middlePane').fadeOut('fast', function() {
				$('#putImageHere img').fadeTo('fast', 1 , function() {});
				$('#putImageHere a').show( 0, function() {});
    		});
      });
		
	

	  
	  // select ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	  $(".jqTransformSelectWrapper ul li a").click(function(){
		$("#boxPhotoFrame").animate({
		"opacity": "toggle"
    }, { "duration": 1000, "easing": "easeInOutExpo", queue: true });//Toon boxOverview
	});	
	$("form.jqtransform").jqTransform();
	
		//Schuiven van logo ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	
		$("#logo").mouseover(function(){
			$("#logo").animate({
			left: "0px", opacity: 1
			}, { "duration": "fast", "easing": "easeout" });
		});
		$("#logo").mouseout(function(){
			$("#logo").animate({
			left: "-15px", opacity: 1
			}, { "duration": "fast", "easing": "easeout" });
		});
	
		// Draggable ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~			
		$("#leftPane, #rightPane").easydrag();
		
		
		
		

// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
});// doc.ready