Element.addMethods({
				yidSetOpacity : function(element,opacity) {
					
					element = $(element);
					
					var ie_opacity = opacity*100;
					
					/*var ie_opacity = "filter: alpha(opacity=" + opacity*100 + ")";
					var moz_opacity = "-moz-opacity:" + opacity;
					var css3_opacity = "opacity:" + opacity;*/
									
					$(element).setStyle({opacity: opacity});
					//$(element).setStyle({'-moz-opacity': opacity});
					//$(element).setStyle({'filter' : 'alpha(opacity=ie_opacity)'});
					
					return element;
					
				}
			});	



		Element.addMethods({
				gradientDown : function(element,step) {
					
					var gradientTimer;
					
					element = $(element);
									
					var cur_gradient = parseFloat($(element).getStyle('opacity'), 10);
					
					if(cur_gradient == 1) {
						
						clearInterval(gradientTimer);
					  	
						gradientTimer = setInterval( function() {
							
					  		var cur_gradient = parseFloat($(element).getStyle('opacity'), 10);
					  		
					  		if (cur_gradient == 0) {
						    	clearInterval(gradientTimer);
						    	//$(element).setStyle({visibility: 'hidden'});
						    	$(element).hide();
						    } else {
						    	$(element).yidSetOpacity(cur_gradient-step);
						    }	
					  	},50)
					}
					return element;
					
				}
			});
			
			
		Element.addMethods({
				gradientUp : function(element,step) {
					
					var gradientTimer2;
					
					element = $(element);
					
					//$(element).setStyle({visibility: 'visible'});
					$(element).show();
									
					var cur_gradient = parseFloat($(element).getStyle('opacity'), 10);
					
					if(cur_gradient == 0) {
						
						clearInterval(gradientTimer2);
					  	
						gradientTimer2 = setInterval( function() {
							
					  		var cur_gradient = parseFloat($(element).getStyle('opacity'), 10);
					  		
					  		if (cur_gradient == 1) {
						    	clearInterval(gradientTimer2);
						    } else {
						    	$(element).yidSetOpacity(cur_gradient+step);
						    }	
					  	},50)
					}
					return element;
					
				}
			});
			
			
		Element.addMethods({
				gradientToggle : function(element,step) {
					
					element = $(element);
					
					if($(element.visible())) {
						
						$(element).gradientDown(step*2);
						
					} else {

						$(element).gradientUp(step);
					}	
					
					return element;
				}
								
			});
			
		
		Element.addMethods({
			gd : function(element,step,dest) {
				
				var gdTimer;
				
				element = $(element);
								
				var test_pos = parseInt($(element).getStyle('top'), 10);

				if(test_pos < dest) {
					clearInterval(gdTimer);
				  	
					gdTimer = setInterval( function() {
						
				  		var test_pos = parseInt($(element).getStyle('top'), 10);
				  		
				  		if (test_pos >= dest) {
					    	clearInterval(gdTimer);
					    } else {
					    	$(element).setStyle({top: test_pos + step + "px"});
					    }	
				  	},10)
				}
				return element;
				
			}
		});
		
		
		
		Element.addMethods({
			gu : function(element,step,dest) {
				
				var guTimer;
				
				element = $(element);
								
				var test_pos = parseInt($(element).getStyle('top'), 10);

				if(test_pos > dest) {
					clearInterval(guTimer);
				  	
					guTimer = setInterval( function() {
						
				  		var test_pos = parseInt($(element).getStyle('top'), 10);
				  		
				  		if (test_pos <= dest) {
					    	clearInterval(guTimer);
					    } else {
					    	$(element).setStyle({top: test_pos - step + "px"});
					    }	
				  	},10)
				}
				return element;
				
			}
		});
		
		
		Element.addMethods({
			enFat : function(element,step,dest) {
				
				var gwTimer;
				
				element = $(element);
								
				var test_pos = parseInt($(element).getStyle('width'), 10);

				if(test_pos < dest) {
					clearInterval(gwTimer);
				  	
					gwTimer = setInterval( function() {
					
						//alert(test_pos);	
				  		var test_pos = parseInt($(element).getStyle('width'), 10);
				  		
				  		if (test_pos >= dest) {
					    	clearInterval(gwTimer);
					    } else {
					    	$(element).setStyle({'width': test_pos + step + "px"});
					    }	
				  	},10)
				}
				return element;
				
			}
		});
		
		
		Element.addMethods({
			enFit : function(element,step,dest) {
				
				var gwTimer;
				
				element = $(element);
								
				var test_pos = parseInt($(element).getStyle('width'), 10);

				if(test_pos > dest) {
					clearInterval(gwTimer);
				  	
					gwTimer = setInterval( function() {
					
						//alert(test_pos);	
				  		var test_pos = parseInt($(element).getStyle('width'), 10);
				  		
				  		if (test_pos <= dest) {
					    	clearInterval(gwTimer);
					    } else {
					    	$(element).setStyle({'width': test_pos - step + "px"});
					    }	
				  	},10)
				}
				return element;
				
			}
		});
		
		
		Element.addMethods({
			enTall : function(element,step,dest) {
				
				var gwTimer;
				
				element = $(element);

				$(element).show();
							
				var test_pos = parseInt($(element).getStyle('height'), 10);

				if(test_pos < dest) {
					clearInterval(gwTimer);
				  	
					gwTimer = setInterval( function() {
					
						//alert(test_pos);	
				  		var test_pos = parseInt($(element).getStyle('height'), 10);
				  		
				  		if (test_pos >= dest) {
					    	clearInterval(gwTimer);
					    } else {
					    	$(element).setStyle({'height': test_pos + step + "px"});
					    }	
				  	},10)
				}
				return element;
				
			}
		});
		
		
		Element.addMethods({
			enSmall : function(element,step,dest) {
				
				var gwTimer;
				
				element = $(element);
								
				var test_pos = parseInt($(element).getStyle('height'), 10);

				if(test_pos > dest) {
					clearInterval(gwTimer);
				  	
					gwTimer = setInterval( function() {
					
						//alert(test_pos);	
				  		var test_pos = parseInt($(element).getStyle('height'), 10);
				  		
				  		if (test_pos <= dest) {
					    	clearInterval(gwTimer);
					    } else {
					    	$(element).setStyle({'height': test_pos - step + "px"});
					    }	
				  	},10)
				}
				return element;
				
			}
		});
		
		
	Element.addMethods({

		toggleFit : function(element,ref,step) {
			
			element = $(element);
			
			var test_pos = parseInt($(element).getStyle('width'), 10);
			
			if(test_pos >= ref) {
				$(element).enFit(step,0);
			}
			
			if(test_pos <= 0) {
				$(element).enFat(step,ref);
			}
			
			return element;
		}
		
	});
	
	
	Element.addMethods({

		toggleHeight : function(element,ref,step) {
			
			element = $(element);
			
			var test_pos = parseInt($(element).getStyle('height'), 10);
			
			if(test_pos >= ref) {
				$(element).enSmall(step,0);
			}
			
			if(test_pos <= 0) {
				$(element).enTall(step,ref);
			}
			
			return element;
		}
		
	});
			
			
				
	function setAlertBoxContent(title,content,button_name,button_action) {
			//Show me Black Screen
			$('black_screen').setStyle({visibility:'visible'});
			
			// Set Content
			document.getElementById('alertBox_content').innerHTML = "<span class='alertBox_title'>" + title + "</span><br />" + content;
			
			//Set Button Content
			if(button_name != '' && button_action != '') {
				document.getElementById('alertBox_buttons').innerHTML = "<button onclick=\"hideDIV('black_screen');$('alertBox').gradientDown(0.1);\">Cancel</button>" + "<img src='images/pix.gif' width='30' height='0' />" + "<button onclick=\"" + button_action + ";\">" + button_name + "</button>";
			}
			

			
			// Show me the box
			$('alertBox').setStyle({visibility:'visible'});
			$('alertBox').yidSetOpacity(1);
	}
	
	
	
	function setInfoBoxContent(title,content,button_name,button_action) {
			//Show me Black Screen
			$('black_screen').setStyle({visibility:'visible'});
			
			// Set Content
			document.getElementById('infoBox_content').innerHTML = "<span class='infoBox_title'>" + title + "</span><br />" + content;
			
			/*//Set Button Content
			if(button_name != '' && button_action != '') {*/
			document.getElementById('infoBox_buttons').innerHTML = "<button onclick=\"hideDIV('black_screen');$('infoBox').gradientDown(0.1);\">OK</button>";
			/* + "<img src='images/pix.gif' width='30' height='0' />" + "<button onclick=\"" + button_action + ";\">" + button_name + "</button>";*/
			/*}*/
			
			
			// Show me the box
			$('infoBox').setStyle({visibility:'visible'});
			$('infoBox').yidSetOpacity(1);
	}
	
	
	function setHelpContent(help_id) {
			//Show me Black Screen
			$('black_screen').setStyle({visibility:'visible'});
			
			var url = "help/" + help_id + ".php";
			// Set Content
			
		//	document.getElementById('helpBox_content').innerHTML = "<span class='infoBox_title'>" + title + "</span><br />" + content;
			
			/*//Set Button Content
			if(button_name != '' && button_action != '') {*/
			//document.getElementById('infoBox_buttons').innerHTML = "<button onclick=\"hideDIV('black_screen');$('infoBox').gradientDown(0.1);\">OK</button>";
			/* + "<img src='images/pix.gif' width='30' height='0' />" + "<button onclick=\"" + button_action + ";\">" + button_name + "</button>";*/
			/*}*/
					
			// Show me the box
			$('helpBox').setStyle({visibility:'visible'});
			$('helpBox').yidSetOpacity(1);
			
			yidJaxGet('helpBox_content', url);
	}