// JavaScript Document

// Objects
Toolkit = {};

Toolkit.Events = {
	addListener : function( object, eventName, listener, thisObj ) {
		if( thisObj == null || thisObj == undefined ) thisObj = window;
		if( !object[ eventName + "listeners" ] ) this._prepareForListeners( object, eventName );
		var listeners = object[ eventName + "listeners" ];
		var setListener = true;
		for( var i = 0; setListener && i < listeners.length; i++ ) {
			if( listeners[ i ][ 0 ] == listener && listeners[ i ][ 1 ] == thisObj ) {
				setListener = false;
			}
		}
		if( setListener ) listeners[ listeners.length ] = [ listener, thisObj ];
		return false;
	},
	
	removeListener : function( object, eventName, listener, thisObj ) {
		if( thisObj == null || thisObj == undefined ) thisObj = window;
		var listeners = object[ eventName + "listeners" ];
		if( listeners ) {
			for( var i = 0; i < listeners.length; i++ ) {
				if( listeners[ i ][ 0 ] == listener && listeners[ i ][ 1 ] == thisObj ) {
					for( var j = i; j < listeners.length - 1; j++ ) {
						listeners[ j ] = listeners[ j + 1 ];
					}
					listeners.length--;
					break;
				}
			}
		}
		return false;
	},
	
	clearListeners : function( object, eventName ) {
		object[ eventName + "listeners" ] = [];
		return false;
	},
	
	_prepareForListeners : function( object, eventName ) {
		object[ eventName + "listeners" ] = [];
		if( typeof object[ eventName ] == "function" ) {
			object[ eventName + "listeners" ][ 0 ] = [ object[ eventName ], object ];
		}
		object[ eventName ] = function() {
			var i;
			
			// Copy the arguments array, because sometimes it's read-only.
			// If there are 0 arguments make sure the first argument becomes a reference 
			// to the patched window.event object. If there is 1 argument and it's an event 
			// object (as it should be), patch it as well.
			var argumentsCopy = [];
			for( i = 0; i < arguments.length; i++ ) argumentsCopy[ i ] = arguments[ i ];
			if( arguments.length == 0 && window.event ) {
				argumentsCopy[ 0 ] = Toolkit.Events._patchEvent( window.event, this );
			}
			else if( arguments[ 0 ] && typeof arguments[ 0 ] == "object" 
									&& arguments[ 0 ].toString().search( /event/i ) != -1 ) {
				argumentsCopy[ 0 ] = Toolkit.Events._patchEvent( arguments[ 0 ], this );
			}
			
			// Make a copy of the listeners array and execute that, so it cannot be 
			// modified during execution by addListener or removeListener calls.
			var listeners = this[ eventName + "listeners" ];
			var listenersCopy = [];
			for( i = 0; i < listeners.length; i++ ) listenersCopy[ i ] = listeners[ i ];
			for( i = 0; i < listenersCopy.length; i++ ) {
				listenersCopy[ i ][ 0 ].apply( listenersCopy[ i ][ 1 ], argumentsCopy );
			}
		};
	},
	
	_patchEvent : function( evt, currentTarget ) {
		if( !evt.target ) evt.target = evt.srcElement;
		if( !evt.currentTarget ) evt.currentTarget = currentTarget;
		if( typeof evt.layerX == "undefined" ) evt.layerX = evt.offsetX;
		if( typeof evt.layerY == "undefined" ) evt.layerY = evt.offsetY;
		if( typeof evt.clientX == "undefined" ) evt.clientX = evt.pageX;
		if( typeof evt.clientY == "undefined" ) evt.clientY = evt.pageY;
		if( !evt.stopPropagation ) {
			evt.stopPropagation = function() { this.cancelBubble = true; };
		}
		if( !evt.preventDefault ) {
			evt.preventDefault = function() { this.returnValue = false; };
		}
		return evt;
	}
}

function changeProduct(element, img, desc) {
	document.getElementById('catimg').src = 'images/categories/cat'+img+'_big.jpg';
	//document.getElementById('catimg').src = img;
	document.getElementById('cattitle').innerHTML = element;
	if(img != 'pipe') document.getElementById('catdesc').innerHTML = desc;
	else document.getElementById('catdesc').innerHTML = desc+'<br /><img style="margin:20px 0 0 30px;" src="../images/layout/adslogo.jpg" alt="" />';
}

function changeIt() {
	var list,div;
	list = document.getElementById('categorylist');
	div = list.getElementsByTagName('div');
	for(i=0; i<div.length; i++) {
		var image,link,title,img,desc;
		image = div[i].getElementsByTagName('img')[0];
		link = div[i].getElementsByTagName('a')[0];
		title = div[i].getElementsByTagName('p')[0].firstChild.data;
		img = image.src.split('_');
		img = img[0]+'_big.jpg';
		desc = link.rel;
		var event = 'changeProduct(\''+title+'\',\''+img+'\',\''+desc+'\');return false;';
		if(link.attachEvent) {
			link.attachEvent("onclick",event);
			image.attachEvent("onmouseover",event);
		} else {
			link.setAttribute('onclick',event);
			image.setAttribute('onmouseover',event);
		}
	}
}
//Toolkit.Events.addListener(window,"onload",changeIt);