function AttachEvent2(el,evt,fnc,useCapture)
{
	if (el.addEventListener) el.addEventListener (evt,fnc,useCapture);
	else el.attachEvent ("on"+evt,fnc);
} 

function AttachEvent(obj,evt,fnc,useCapture){
	if (!useCapture) useCapture=false;
	if (obj.addEventListener){
		obj.addEventListener(evt,fnc,useCapture);
		return true;
	} else if (obj.attachEvent) return obj.attachEvent("on"+evt,fnc);
	else{
		MyAttachEvent(obj,evt,fnc);
		obj['on'+evt]=function(){ MyFireEvent(obj,evt) };
		return true;
	}
} 

//The following are for browsers like NS4 or IE5Mac which don't support either
//attachEvent or addEventListener

function MyAttachEvent(obj,evt,fnc)
{
	if (!obj.myEvents) obj.myEvents={};
	if (!obj.myEvents[evt]) obj.myEvents[evt]=[];
	var evts = obj.myEvents[evt];
	evts[evts.length]=fnc;
}

function MyFireEvent(obj,evt)
{
	if (!obj || !obj.myEvents || !obj.myEvents[evt]) return;
	var evts = obj.myEvents[evt];
	for (var i=0,len=evts.length;i<len;i++) evts[i]();
}


function appEvents()
{
	var myimages = document.getElementById('imagestripe').getElementsByTagName('img');
	myoverimages = new Array();
	for (var i=0;i<myimages.length;i++)
	{
		AttachEvent(myimages[i],'mouseover',over_images,false);
		AttachEvent(myimages[i],'mouseout',out_images,false);
		
		myoverimages[i]     = new Image();
		myoverimages[i].src = myimages[i].id + '_o.jpg';
	}
	
	var mytexts = document.getElementById('textstripe').getElementsByTagName('a');
	for (var i=0;i<mytexts.length;i++)
	{
		AttachEvent(mytexts[i],'mouseover',over_text,false);
		AttachEvent(mytexts[i],'mouseout',out_text,false);
	}
}

function over_images()
{
	/* IE sucks! */
	if (document.all) 
	{
		if (event.srcElement.tagName  == 'IMG')  
		{
			curtag = event.srcElement;
		}
	}
	else curtag = this;
	document.getElementById('the'+curtag.id).firstChild.style.color = '#0060A3';
 	curtag.src = '/images/' + curtag.id + '_o.jpg';
}

function out_images()
{
	/* IE sucks! */
	if (document.all) 
	{
		if (event.srcElement.tagName  == 'IMG')  curtag = event.srcElement;
	}
	else curtag = this;
	document.getElementById('the'+curtag.id).firstChild.style.color = '#A4C1D9';
  curtag.src = '/images/' + curtag.id + '_n.jpg';
}

function over_text()
{
	/* IE sucks! */
	if (document.all) 
	{
		if (event.srcElement.tagName  == 'A')  curtag = event.srcElement;
	}
	else curtag = this;
	curtag.style.color = '#0060A3';
 	
 	curimg = curtag.parentNode.id.slice(3);
  document.getElementById(curimg).src = '/images/' + curimg + '_o.jpg';
}

function out_text()
{
	/* IE sucks! */
	if (document.all) 
	{
		if (event.srcElement.tagName  == 'A')  curtag = event.srcElement;
	}
	else curtag = this;
	curtag.style.color = '#A4C1D9';
	
	curimg = curtag.parentNode.id.slice(3);
  document.getElementById(curimg).src = '/images/' + curimg + '_n.jpg';
}
