function popVersionLayer(width,shadow,url){

	var body = document.getElement('body');
	var layerToPop = new Element('div', {'class': 'layerToPop'});
	var blockToPop = document.getElement('div.versionBlockToPop');
	var url = url ? url : false;
	if (shadow){
		layerToPop.setStyles(shadow.getCoordinates());
		if (shadow==document.documentElement){
			layerToPop.setStyles({
				'width':document.documentElement.clientWidth,
				'height':document.documentElement.clientHeight,
				'top':0,
				'bottom':0,
				'left':0,
				'right':0,
				'position':'absolute'
			});
		}
	}else{
		layerToPop.setStyles(body.getCoordinates());
	}
	
	layerToPop.setStyle('z-index', 9998);
	blockToPop.removeClass('hidden');
	blockToPop.setStyles({
		'top': (document.documentElement.clientHeight - blockToPop.offsetHeight)/2,
		'left': (document.documentElement.clientWidth - blockToPop.offsetWidth)/2,
		'z-index': 9999
	});
	if (width) {
		blockToPop.setStyles({
			'width' : width,
			'left': (document.documentElement.clientWidth - width)/2});
	}
	blockToPop.addClass($('page').className);
	
	if (url) {
		var iframe = blockToPop.getElement('iframe');
		iframe.src = url;
	}
	
	layerToPop.injectInside(body);
	blockToPop.injectInside(body);
	ifrlayer.make(blockToPop);
	ifrlayer.make(layerToPop);
};

function releaseVersionLayer(){
	var layerToPop = document.getElement('div.layerToPop');
	var blockToPop = document.getElement('div.versionBlockToPop');
	blockToPop.addClass('hidden');
	layerToPop.remove();
	ifrlayer.hide(blockToPop);
	ifrlayer.hide(layerToPop);
};



function tipBox(elm, size){
	var layer = getNextSibling(elm, {nodeName:"div", className:"tipBoxLayer"});
	var bloc = getParent(elm, {nodeName:"div", className:"block"});
	var clone = $(layer).clone();
	clone.injectInside($('page'));
	clone.addClass('clonedTipBoxLayer');
	if(size) clone.setStyle('width', size);
	clone.setStyles({
		top : $(elm).getTop(),
		opacity:0,
		display:'block'
	});
	if(!elm.getParent().getParent().hasClass('activitiesList')) {
		if(clone.getCoordinates().bottom >= document.documentElement.clientHeight) clone.setStyle('top', $(elm).getCoordinates().bottom - clone.offsetHeight);
		/*
		if(($(elm).getCoordinates().right - $(bloc).getLeft()) + clone.offsetWidth > bloc.offsetWidth)
			clone.setStyle('left', elm.getLeft() - $('page').getLeft() * 1.3 - clone.offsetWidth)
		else
			clone.setStyle('left', elm.getCoordinates().right - $('page').getLeft() + 10)
		*/
		var oMainEl = document.getElement('#CarConfigurator a.tipBox');
		var oRightEl = document.getElement('#rightColumn a.tipBox');
		switch(elm) {
			case oMainEl:
				clone.setStyle('left', '-110px');
			break;
			case oRightEl:
				clone.setStyle('left', '280px');
			break;
		}
	}
	else {
		if(elm.getParent().hasClass('listLeft')) clone.setStyle('left', '730px')
		else {
			var aAs = elm.getParent().getParent().getElements('a');
			var iA = aAs.length;
			while(iA-- > 0) if(elm == aAs[iA]) if(iA % 2 == 0) clone.setStyle('left', '535px'); else clone.setStyle('left', '335px');
		}
	}
	
	var opac = new Fx.Styles(clone, {duration: 200, transition: Fx.Transitions.linear});
	opac.start({
		'opacity': [0, 1]	
	});
	elm.addEvent('mouseout', function() {
		clone.remove();
		elm.removeEvents('mouseout');
   });
};