var util = {
	addEvent: (function(thisE, evType, fn, useCapture){
		if(thisE.AddEventListener){
			thisE.AddEventListener(evType, fn, useCapture);
			return true;
		} else if(thisE.attachEvent){
			return thisE.attachEvent('on' + evType, fn);
		} else {
			var xEventFn = thisE['on' + evType];
			if(typeof thisE['on' + evType] != 'function')
				thisE['on' + evType] = fn;
			else thisE['on' + evType] = function(e){ xEventFn(e); fn(e); };
		}
	}),
	getTarget: (function(e){
		if (typeof e == 'undefined') var e = window.event;
		var source;
		if(typeof e.target != 'undefined') source = e.target;
		else if(typeof e.srcElement != 'undefined') source = e.srcElement;
		else return true;
		if (source.nodeType == 3) source = source.parentNode;
		return source;
	})
};


var display = {
	init: (function(e){
		tbs = document.getElementById('tabs').childNodes;
		for(i=0; i<tbs.length; i++){
			util.addEvent(tbs[i].getElementsByTagName('a')[0], 'mouseup', display.showTab, false);
			hls = tbs[i].getElementsByTagName('ul')[0].getElementsByTagName('a');
			for(ii=0; ii<hls.length; ii++){
				hls[ii].setAttribute('rel', hls[ii].href);
				hls[ii].setAttribute('href', '#');
				util.addEvent(hls[ii], 'mouseup', display.showHighlight, false);
			}	
		}
		display.clearTabs();
		tbs[0].className = 'selected';
		tbs[0].getElementsByTagName('li')[0].className = 'selected';
	}),
	showTab: (function(e){
		display.clearTabs();
		display.clearHighlights();
		trigger = util.getTarget(e).parentNode;
		trigger.className='selected'
		trigger.getElementsByTagName('li')[0].className = 'selected';
		document.getElementById('preview').src = trigger.getElementsByTagName('li')[0].getElementsByTagName('a')[0].rel;
	}),
	clearTabs: (function(){
		tbs = document.getElementById('tabs').childNodes;
		for(i=0; i<tbs.length; i++)
			tbs[i].className = '';
	}),
	showHighlight: (function(e){
		display.clearHighlights();
		trigger = util.getTarget(e);
		trigger.parentNode.className = 'selected';
		document.getElementById('preview').src = trigger.rel

	}),
	clearHighlights: (function(){
		document.getElementById('preview').removeAttribute('src');
		subs = document.getElementById('tabs').getElementsByTagName('ul');
		for(i=0; i<subs.length; i++){
			hls = subs[i].getElementsByTagName('a');
			for(ii=0; ii<hls.length; ii++)
				hls[ii].parentNode.className = '';
		}	
	})
};

util.addEvent(window, 'load', display.init, false);



// Adopt It Rollover
util.addEvent(
	window, 'load', 
	(function(e){
		adopt_el = document.getElementById('adopt').getElementsByTagName('img')[0];
		if(!adopt_el) return;
		util.addEvent(
			adopt_el, 'mouseover',
			(function(e){util.getTarget(e).setAttribute('src', 'style/img/btn-adopt-selected.png');}),
			false
		);
		util.addEvent(
			adopt_el, 'mouseout',
			(function(e){util.getTarget(e).setAttribute('src', 'style/img/btn-adopt.png');}),
			false
		);		
	}), false
);


// Ecomp Rollover
util.addEvent(
	window, 'load', 
	(function(e){
		fout = document.getElementById('flyout').getElementsByTagName('img')[0];
		if(!fout) return;
		util.addEvent(
			fout, 'mouseover',
			(function(e){
				container = util.getTarget(e).parentNode.parentNode;
				im = container.getElementsByTagName('img')[0];
				im.src = 'style/img/btn-ecomp-selected.png';

			}),			
			false
		);
		util.addEvent(
			fout, 'mouseout',
			(function(e){
				container = util.getTarget(e).parentNode.parentNode;
				im = container.getElementsByTagName('img')[0];
				im.src = 'style/img/btn-ecomp.png';

			}),	
			false
		);
		util.addEvent(
			fout, 'mouseup',
			(function(e){
				container = util.getTarget(e).parentNode.parentNode;
				if(container.className == '') container.className = 'open';
				else container.className = '';
			}),
			false
		);		
	}), false
);