window.addEvent('domready', function(){
	tooltips();
	valuetips();
});

function tooltips(){
	var tooltips = $$('.tooltip');
	tooltips.each(function(el){
		var tooltip_text = el.getProperty('title');
		if(tooltip_text != '')
		{
			
		}
		el.removeProperty('title');
		var tooltip_element = new Element('div',{
			'class': 'tooltipbox',
			'html': tooltip_text,
			'events': function(){
				
			}
		});
		var coordinates = el.getCoordinates();
		
		tooltip_element.inject($('body'), 'bottom');
		var edge = new Element('div', {
			'class': 'insidetip-edge'
		});
		tooltip_element.adopt(edge);
		tooltip_element.fade('hide');
		el.addEvents({
			'mouseover': function(){
				tooltip_element.setStyles({
					position:'absolute',
					top:coordinates.top-4,
					left:coordinates.left+coordinates.width
				});
				tooltip_element.fade('in');
			},
			'mouseout': function(){
				tooltip_element.fade('out');
			}
		});
	});
}

function valuetips(){
	var arrvaluetips = $$('.valuetips');
	arrvaluetips.each(function(el){
		if(el.getProperty('type')== 'submit'){
			el.addEvent('click', function(){
				arrvaluetips.each(function(elsub){
					if (elsub.getProperty('value') == elsub.getProperty('alt') && elsub.getProperty('type')== 'text') {
						elsub.setProperty('value', '');
					}
				});
			});
		}
		if (el.getProperty('type') == 'text') {
			if (el.getProperty('value') == '') {
				el.setProperty('value', el.getProperty('alt'));
				el.addClass('f_italic_grey');
			};
			el.addEvent('focus', function(){
				if (el.getProperty('value') == el.getProperty('alt')) {
					el.setProperty('value', '');
					el.removeClass('f_italic_grey');
				};
							});
			el.addEvent('blur', function(){
				if (el.getProperty('value') == '') {
					el.setProperty('value', el.getProperty('alt'));
					el.addClass('f_italic_grey');
				};
							});
			el.addEvent('submit', function(){
				if (el.getProperty('value') == el.getProperty('alt')) {
					el.setProperty('value', '');
				};
			});
		}
	});
}