$(function() {
		
		$('.showLoginLayer').overlay({
			
			target: '#loginLayer',
			mask: {
			
				color: '#000',
				opacity: '0.7'
			}
		});
		
		$('.showLogoutLayer').overlay({
			
			target: '#logoutLayer',
			mask: {
			
				color: '#000',
				opacity: '0.7'
			}
		});
		
		$('.hideLogoutLayer').click(function() {
			
			$('.showLogoutLayer').overlay().close();
		});
		
		$('.hoverLayer').draggable({
			
			cursor: 'move',
			handle: '.hoverLayerHead'
		});
        
        /* +························ Tabs ·····························+ */
        
        $(".akondaTabs").tabs("div.akondaTabPanes > div");
        
        /* · · · · · · · · · Toggle Box · · · · · · · · · */
    	
    	$('a.toggleBox').click(function() {
    		
    		var $trigger = $(this);
    		var $togglebox = $(this).next();
    		
    		if ($togglebox.is(':visible')) {
    			
    			$trigger.removeClass('toggleBoxVisible');
    			$togglebox.slideUp();
    		}
    		else {
    			
    			$trigger.addClass('toggleBoxVisible');
    			$togglebox.slideDown();
    		}
    	});
    	

        /* · · · · · · · · · Switch Box · · · · · · · · · */
    	
    	$('.akondaSwitchBoxButton').click(function() {
    		
    		var showBox = $(this).attr('data-show');
    		var hideBox = $(this).attr('data-hide');
    		
    		if (!hideBox) {
    			
    			hideBox = '.akondaSwitchBox';
    		}

    		$(hideBox).hide();
    		$(showBox).show();
    	});
    	
    	
    	
    	
    	
    	$('.fileZoom').overlay({
    		
    		target: '#fileZoomLayer'
    	});
    	
    	$('#fileZoomLayer').draggable({
    		
    		
    	});
	});