window.addEvent('domready', function() {
// -----------------JS------------------------	
	var JS = $('JS_barLightOn');
	var morph = new Fx.Morph('JS_barLightOn');
	
// click the icon and the meter bar extends 
	$('iconJS').addEvent('click', function(e) {
		e.stop();
		// extend the bar to this 
		JS.morph('.JS_barLightOnExtended');
	});
// -----------------PHP------------------------	
	var PHP = $('PHP_barLightOn');
	var morph = new Fx.Morph('PHP_barLightOn');
	
// click the icon and the meter bar extends 
	$('iconPHP').addEvent('click', function(e) {
		e.stop();
		// extend the bar to this 
		PHP.morph('.PHP_barLightOnExtended');
	});
// -----------------XHTML------------------------	
	var XHTML = $('XHTML_barLightOn');
	var morph = new Fx.Morph('XHTML_barLightOn');
	
// click the icon and the meter bar extends 
	$('iconXHTML').addEvent('click', function(e) {
		e.stop();
		// extend the bar to this 
		XHTML.morph('.XHTML_barLightOnExtended');
	});
	
	
	// -----------------PS------------------------	
	var PS = $('PS_barLightOn');
	var morph = new Fx.Morph('PS_barLightOn');
	
// click the icon and the meter bar extends 
	$('iconPS').addEvent('click', function(e) {
		e.stop();
		// extend the bar to this 
		PS.morph('.PS_barLightOnExtended');
	});
	
// -----------------DW------------------------	
	var DW = $('DW_barLightOn');
	var morph = new Fx.Morph('DW_barLightOn');
	
// click the icon and the meter bar extends 
	$('iconDW').addEvent('click', function(e) {
		e.stop();
		// extend the bar to this 
		DW.morph('.DW_barLightOnExtended');
	});
	
// -----------------AI------------------------	
	var AI = $('AI_barLightOn');
	var morph = new Fx.Morph('AI_barLightOn');
	
// click the icon and the meter bar extends 
	$('iconAI').addEvent('click', function(e) {
		e.stop();
		// extend the bar to this 
		AI.morph('.AI_barLightOnExtended');
	});
	
	
// -----------------FL------------------------	
	var FL = $('FL_barLightOn');
	var morph = new Fx.Morph('FL_barLightOn');
	
// click the icon and the meter bar extends 
	$('iconFL').addEvent('click', function(e) {
		e.stop();
		// extend the bar to this 
		FL.morph('.FL_barLightOnExtended');
	});





	
// the tool tips start here
	
	    $('xhtml').store('tip:text', "Since my first website in 1995, HTML and the web has fasinated me. I very much welcomed CSS and tabless designs.");
		    
		var xhtml = new Tips($('xhtml'), {
		    showDelay: 1,
	        hideDelay: 0,
	        offsets: {x: 20, y: 20},
	        fixed: false
	    });

		$('php').store('tip:text', "<div class=\"tips\">Can't say that I'm an expert programmer but I do know how to program and PHP is my favorite language.</div>");
		    
		var php = new Tips($('php'), {
		    showDelay: 1,
	        hideDelay: 0,
	        offsets: {x: 20, y: 20},
	        fixed: false
	    });
		
		$('photoshop').store('tip:text', "<div class=\"tips\">I started with Photoshop 5 back in 1999. Safe to say I'm comfortable creating with photoshop. There is always room for improvement though.</div>");
		    
		var photoshop = new Tips($('photoshop'), {
		    showDelay: 1,
	        hideDelay: 0,
	        offsets: {x: 20, y: 20},
	        fixed: false
	    });
		
		$('dreamweaver').store('tip:text', "<div class=\"tips\">My favorite program for updating websites. I prefer to use notepad++ when writing new websites.</div>");
		    
		var dreamweaver = new Tips($('dreamweaver'), {
		    showDelay: 1,
	        hideDelay: 0,
	        offsets: {x: 20, y: 20},
	        fixed: false
	    });
		
		$('illustrator').store('tip:text', "<div class=\"tips\">Whenever I use Illustrator to design logos and icons It makes me wish I used it more often.</div>");
		    
		var illustrator = new Tips($('illustrator'), {
		    showDelay: 1,
	        hideDelay: 0,
	        offsets: {x: 20, y: 20},
	        fixed: false
	    });
		
		$('flash').store('tip:text', "<div class=\"tips\">Not long ago Flash would have been higher on the scale. But lately my focus has been on frameworks such as jQuery and MooTools. </div>");
		    
		var flash = new Tips($('flash'), {
		    showDelay: 1,
	        hideDelay: 0,
	        offsets: {x: 20, y: 20},
	        fixed: false
	    });
		
		$('JAVA').store('tip:text', "<div class=\"tips\">I've never had the opportunity to write my own javascript, but I have a great working knowledge of the language which I use on almost every website I've made.  </div>");
		    
		var JAVA = new Tips($('JAVA'), {
		    showDelay: 1,
	        hideDelay: 0,
	        offsets: {x: 20, y: 20},
	        fixed: false
	    });

});