Fx.CSS.select = function(property, to){
		if (property.test(/color/i)) return this.Color;
		if (property.test(/^clip$/i)) return this.Clip;	// GSP / Added 14/07/2007
		var type = $type(to);
		if ((type == "array") || (type == "string" && to.contains(" "))) return this.Multi;
		return this.Single;
	};
Fx.CSS.Clip = {

	parse: function(value){
		if (value.push) return value;
		var res = value.match(/rect\((\d+)px[,]?[ ]+(\d+)px[,]?[ ]+(\d+)px[,]?[ ]+(\d+)px\)/i);
		if (!res) return [0,100,100,0]; // Anything to give the developer feedback something"s wrong
		return [parseInt(res[1]), parseInt(res[2]), parseInt(res[3]), parseInt(res[4])];
	},
	
	getNow: function(from, to, fx){
		var now = [];
		for (var i = 0; i < from.length; i++) now[i] = Math.round(fx.compute(from[i], to[i]));
		return now;
	},
	
	getValue: function(value){
		var ret = [];
		for (var i=0; i<value.length; i++) {
			if (i > 0) ret += " ";
			ret += value[i] + "px";
		}
		return "rect(" + ret + ")";
	}

};

window.addEvent('load', function () {
  $$("#dMenuHnav li a").each( function (el) {
      var height = el.offsetHeight;
      var width = el.offsetWidth;
//e impartit la 2 ca sa fie efectul misto de la mijlocul link-ului ... dar la mine e display:block si de lung. fixa ....
      var mid = (width / 3).round();
      var hover = new Element('span', {
        "class": 'hover',
        "styles": {
          "clip": [0,mid,height,mid]
        },
        "text": el.get('text'),
        "tween": {
          "link": 'cancel',
          "duration": 600,
          "transition": 'quint:out'
        }
      }).inject(el, 'inside');
 
      el.addEvents({
        "mouseover": function () {
          hover.tween('clip', [0, width, height, 0].join(' '));
        },
        "mouseout": function () {
          hover.tween('clip', [0, mid, height, mid].join(' '));
        }
      });
    });
});


window.addEvent('domready', function() {
var headerCoords = $('header').getCoordinates();
//alert(headerCoords.left);
	var slideTimer = 5000;
	var transitionTime = 1250;
	var items = $$('.slide_item');
	var itemNum = Math.floor(7*Math.random());
	items.each(function(element, index) {
		element.setStyle('display', "block");	
		element.setStyle('left', 340+headerCoords.left);	
		if(index != itemNum){
			element.setStyle('opacity', "0");
		}
	});
	var slideFunction = new function() {
		var headerCoords2 = $('header').getCoordinates();
		var numItems = items.length;
		var slideIt = function(){
			var headerCoords2 = $('header').getCoordinates();
			var rand_top = Math.floor((120-49)*Math.random()) + 50;
			var rand_left = Math.floor((660-299)*Math.random()) + (300+headerCoords2.left);
//alert (rand_left + " : " + headerCoords2.left)
			var curItem = items[itemNum];
			if(itemNum < (numItems - 1)){
				itemNum++; 
			}
			else{
				itemNum = 0;
			}
			var newItem = items[itemNum];
			var item_in = new Fx.Morph(newItem, {
				     duration: transitionTime, 
				     transition: Fx.Transitions.Quad.easeInOut, 
				     wait:false
			});
			var item_out = new Fx.Morph(curItem, {
				     duration: transitionTime, 
				     transition: Fx.Transitions.Quad.easeInOut, 
				     wait:false
			});
			item_in.start({
			'top': rand_top,
			'left': rand_left,
			'opacity': [0,1]//'1'
			});
			item_out.start({
			'opacity': '0',
			'top': '70'
			});
			
		};
		slideIt.periodical(slideTimer, this); 
	}
});