var tekst=300;
var lijn=300;
window.addEvent('domready',function() {
$each($$('.grey_fade'), function(el) {
var original = el.getStyle('color');
var morph = new Fx.Morph(el,{ 'duration':tekst, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'color':'#808080' }) },
'mouseleave' : function() { morph.start({ 'color': original }) }
});
});
$each($$('.grey_fade'), function(el) {
var original = el.getStyle('border-color');
var morph = new Fx.Morph(el,{ 'duration':lijn, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'border-color':'#808080' }) },
'mouseleave' : function() { morph.start({ 'border-color': original }) }
});
});
$each($$('.blue_fade'), function(el) {
var original = el.getStyle('color');
var morph = new Fx.Morph(el,{ 'duration':tekst, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'color':'#2e418f' }) },
'mouseleave' : function() { morph.start({ 'color': original }) }
});
});
$each($$('.blue_fade'), function(el) {
var original = el.getStyle('border-color');
var morph = new Fx.Morph(el,{ 'duration':lijn, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'border-color':'#2e418f' }) },
'mouseleave' : function() { morph.start({ 'border-color': original }) }
});
});
$each($$('.red_fade'), function(el) {
var original = el.getStyle('color');
var morph = new Fx.Morph(el,{ 'duration':tekst, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'color':'#e13e2a' }) },
'mouseleave' : function() { morph.start({ 'color': original }) }
});
});
$each($$('.red_fade'), function(el) {
var original = el.getStyle('border-color');
var morph = new Fx.Morph(el,{ 'duration':lijn, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'border-color':'#e13e2a' }) },
'mouseleave' : function() { morph.start({ 'border-color': '#ffffff' }) }
});
});
$each($$('.marine_fade'), function(el) {
var original = el.getStyle('color');
var morph = new Fx.Morph(el,{ 'duration':tekst, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'color':'#2e418f' }) },
'mouseleave' : function() { morph.start({ 'color': original }) }
});
});
$each($$('.marine_fade'), function(el) {
var original = el.getStyle('border-color');
var morph = new Fx.Morph(el,{ 'duration':lijn, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'border-color':'#2e418f' }) },
'mouseleave' : function() { morph.start({ 'border-color': '#ffffff' }) }
});
});
$each($$('.cyan_fade'), function(el) {
var original = el.getStyle('color');
var morph = new Fx.Morph(el,{ 'duration':tekst, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'color':'#378ed8' }) },
'mouseleave' : function() { morph.start({ 'color': original }) }
});
});
$each($$('.cyan_fade'), function(el) {
var original = el.getStyle('border-color');
var morph = new Fx.Morph(el,{ 'duration':lijn, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'border-color':'#378ed8' }) },
'mouseleave' : function() { morph.start({ 'border-color': '#ffffff' }) }
});
});
$each($$('.green_fade'), function(el) {
var original = el.getStyle('color');
var morph = new Fx.Morph(el,{ 'duration':tekst, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'color':'#acc43c' }) },
'mouseleave' : function() { morph.start({ 'color': original }) }
});
});
$each($$('.green_fade'), function(el) {
var original = el.getStyle('border-color');
var morph = new Fx.Morph(el,{ 'duration':lijn, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'border-color':'#acc43c' }) },
'mouseleave' : function() { morph.start({ 'border-color': '#ffffff' }) }
});
});
$each($$('.yellow_fade'), function(el) {
var original = el.getStyle('color');
var morph = new Fx.Morph(el,{ 'duration':tekst, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'color':'#f8cf41' }) },
'mouseleave' : function() { morph.start({ 'color': original }) }
});
});
$each($$('.yellow_fade'), function(el) {
var original = el.getStyle('border-color');
var morph = new Fx.Morph(el,{ 'duration':lijn, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'border-color':'#f8cf41' }) },
'mouseleave' : function() { morph.start({ 'border-color': '#ffffff' }) }
});
});
$each($$('.orange_fade'), function(el) {
var original = el.getStyle('color');
var morph = new Fx.Morph(el,{ 'duration':tekst, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'color':'#f98737' }) },
'mouseleave' : function() { morph.start({ 'color': original }) }
});
});
$each($$('.orange_fade'), function(el) {
var original = el.getStyle('border-color');
var morph = new Fx.Morph(el,{ 'duration':lijn, 'link':'cancel' });
el.addEvents({
'mouseenter' : function() { morph.start({ 'border-color':'#f98737' }) },
'mouseleave' : function() { morph.start({ 'border-color': '#ffffff' }) }
});
});
});