/*
---- Posters
*/

var Posters = {
	
	init : function() {
		
		$$(".popup").each(function(item) {
											
			Event.observe(item, 'click', this.viewLarge.bindAsEventListener(this));
			item.onclick = function() { return false; };
			
		}.bind(this));
	
	},
	
	viewLarge : function(event) {
		
		href = Event.element(event).parentNode;
		
		newwindow = window.open('', 'SafetyPosters', 'height=571,width=403');
		
		var tmp = newwindow.document;
		tmp.write('<html><head><title>Safety Posters</title>');
		tmp.write('<link rel="stylesheet" href="../css/popup.css">');
		tmp.write('</head><body><p><a href="javascript:self.close()"><img src="' + href + '" alt="Close this Popup" width="403" height="570" /></a></p>');
		tmp.write('</body></html>');
		tmp.close();
		
		if (window.focus) { newwindow.focus() }
		
		Event.stop(event);
	}
}


var Dropdowns = {

	init : function() {
		
		$$(".dropdown ul").each(Element.hide);
		$$(".dropdown a").each(function(item) {
			
			Event.observe(item, 'click', this.toggleList.bindAsEventListener(this));
			//item.onclick = function() { return false; }
			
		}.bind(this));
	},
	
	toggleList : function(e) {
		
		el = Event.element(e);
		parentel = el.parentNode;
		list = el.parentNode.getElementsByTagName('UL');
		
		
		if (Element.hasClassName(parentel, 'open')) {
			
			Element.removeClassName(parentel, 'open');
			
		} else {
			
			$$('.open').each(function(item) {
			
				closethis = item.getElementsByTagName('ul');
				for(var j = 0; j < closethis.length; j++) {
					Element.toggle(closethis[j]);
				}
				Element.removeClassName(item, 'open');
			});
			
			Element.addClassName(parentel, 'open');
		}
		
		//alert('still here?');
		//alert(list)
		//alert(list.length);
		
		Element.toggle(list[0]);
		
		//for(var i = 0; i < list.length; i++) {
			
		//	alert('test' + i);
		//	Element.toggle(list[i]);
		//}
	}
}

function init() {
	
	Posters.init();
	Dropdowns.init();
}

Event.observe(window, 'load', init);