var YellowBox = {

	setState: function(state) {
		switch(state) {
			
			case 'small':
				$('div.YBcontainer').css({
					top:'10px',
					left:'730px',
					width:'240px',
					height:'30px'
				});
				$('div.YBcontent').hide();
				$('div.YBbutton').html('<img class="YBbutton" src="'+dir+'gfx/arrow_btn.png" alt="show" />');
				arrowButton();
			break;
			
			default:
			case 'big':
				$('div.YBcontainer').css({
					top:'200px',
					left:'360px',
					width:'320px',
					height:'240px'
				});
				$('div.YBcontent').show();
				$('div.YBbutton').html('<img class="YBbutton" src="'+dir+'gfx/close_btn.png" alt="close" />');
				closeButton();
			break;
			
		}
	},
	
	maximize: function() {
		$('div.YBcontainer').animate({
			top:'200px',
			left:'360px',
			width:'320px',
			height:'240px'
		}, 500, "", closeButton);
		$('div.YBcontent').show();
		$('div.YBbutton').html('<img class="YBbutton" src="'+dir+'gfx/close_btn.png" alt="close" />');
	},
	
	minimize: function() {
		$('div.YBcontainer').animate({
			top:'10px',
			left:'730px',
			width:'240px',
			height:'30px'
		}, 500, "", arrowButton);
		$('div.YBcontent').hide();
		$('div.YBbutton').html('<img class="YBbutton" src="'+dir+'gfx/arrow_btn.png" alt="show" />');
	}

};

/*---------------------------------------->  FUNCTIONS  <---------------------------------------*/

function closeButton() {

	$("img.YBbutton").click( function() { 
		YellowBox.minimize();
	});
	
};

function arrowButton() {

	$("img.YBbutton,div.YBtitle").click( function() {
		
		$("div.YBtitle").click( function() {});
		YellowBox.maximize();

	});
	
};