var element;
var otherElement;
var options;
var first;


$(function() {
		// run the currently selected effect
		function runEffect( element1, element2 ) {
			// get effect type from 
			selectedEffect = "fold";
 
 			element = element1;
 			otherElement = element2;

			// most effect types need no options passed by default
			options = {};
			// some effects have required parameters
			if ( selectedEffect === "scale" ) {
				options = { percent: 100 };
			} else if ( selectedEffect === "size" ) {
				options = { to: { width: 280, height: 185 } };
			}
 
 
 			if (first != false)  
 				$( element ).show( selectedEffect, options, 500, callback );
 			else
				// run the effect
				$( otherElement ).hide(selectedEffect, options, 500, callbackHide);
		};
 
		//callback function to bring a hidden box back
		function callback() {
			first = false;
		};
		
		function callbackHide() {
			$( element ).show( selectedEffect, options, 500, callback );
			first = false;
		}			
 
		// set effect from select menu value
		$( "#buttonPartner" ).click(function() {
			runEffect("#effect", "#effectApps");
			return false;
		});
		
		// set effect from select menu value
		$( "#buttonApps" ).click(function() {
			runEffect("#effectApps", "#effect");
			return false;
		});
		
		
		$( "#effect" ).hide();
		$( "#effectApps" ).hide();
	});
	
	
	
	
	
	
	
	$(function(){
    $('a.new-window').click(function(){
        window.open(this.href);
        return false;
    });
});