[Yatop]

Дорогие профессионалы, доброго дня!

Обращаюсь к Вам опять за помощью:

На моем сайте, который я сама и делаю, меню и облако тегов, оба на js.
Меню работало отлично (на onmouseover) пока я не добавила облако
В облаке не работает hicolor, а меню тормозит.

Я понимаю, что там конфликт двух событий, но не понимаю, что нужно сделать, как их объединить, чтобы оба работали, т.к. ровным счетом очень мало понимаю в js.

Вот облако:

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
	function  myTags(mytags){
		mytags=mytags.replace(/<A/g, '<a')
			.replace(/\/A>/g, "/a>")
			.replace(/(target=_)(\w*)/g, 'target="_$2"')
			.replace(/(class=)(?!")(\w*)/g, 'class="$2"')
			.replace(/(name=)(?!")(\w*)/g, 'name="$2"')
			.replace(/(id=)(?!")(\w*)/g, 'id="$2"');
		mytags=encodeURIComponent(mytags).replace(/!/g, '%21')
			.replace(/'/g, '%27').replace(/\(/g, '%28')
			.replace(/\)/g, '%29').replace(/\*/g, '%2A');
		var rnumber = Math.floor(Math.random()*9999999);
		var flashvars = {
			tcolor:"0x999999",
			tcolor2:"0xCCCCCC",
			hicolor:"0xFF9900",
			tspeed:"110",
			distr:"true",
			mode:"tags",
			tagcloud:mytags
		};
		var params = {
			allowScriptAccess:"always",
			wmode:'transparent'
		};
		var attributes = {
			id:"flash_cloud"
		};
		swfobject.embedSWF("tagcloud.swf?r="+rnumber,
						   "tags", "618", "228", "9.0.0",
						   "expressInstall.swf", flashvars,
						   params, attributes);
	}

	window.onload=function(){ 
		var mytags="<tags>"
		+document.getElementById('tags').innerHTML
		+"</tags>";
		myTags(mytags);
	};
</script>

а вот меню:

<script type="text/javascript">

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = true;
function preloadImages() {
	if (document.images) {
                knowledges1_over = newImage("images/knowledges1-over.gif");
		trainings1_over = newImage("images/trainings1-over.gif");
		consultations1_over = newImage("images/consultations1-over.gif");
		items1_over = newImage("images/items1-over.gif");
		about1_over = newImage("images/about1-over.gif");
		contacts1_over = newImage("images/contacts1-over.gif");
		preloadFlag = true;
	}
}
</script>

В теле:

<a href="#" onmouseover="window.status='trainings1'; changeImages('trainings1', 'images/trainings1-over.gif'); return true;"
                onmouseout="window.status=''; changeImages('trainings1', 'images/trainings1.gif'); return true;"
                onmousedown="changeImages('trainings1', 'images/trainings1-over.gif'); return true;"
                onmouseup="changeImages('trainings1', 'images/trainings1-over.gif'); return true;">
         <img class="menu" name="trainings1" src="images/trainings1.gif" alt="Тренинги" border="0" height="38" width="213"></a></td>
  </tr>

И так 6 раз = 6 пунктов меню ))


Спасибо!
И хорошего дня!