_ua  = navigator.userAgent.toUpperCase();
_mac = (_ua.indexOf("MAC") != -1) ? true : false;
_ff  = (_ua.indexOf('FIREFOX') != -1) ? true : false;

window.onload = function() {
}

function page_load() {
	var i, k, a = document.getElementById('content').getElementsByTagName('A');
	for (i=0,k=a.length; i<k; i++) {
		if (a[i].className.indexOf('_blank') >= 0) {
			a[i].target = '_blank';
		}
	}

//	Form.init();
	Validation.Init();
	Lightbox.init();


	if (typeof sIFR == "function") {
//		sIFR.replaceElement(named({sSelector:".page-home #content p", sFlashSrc:"/js/grotesk_tlight_flash6.swf", sColor:"#FFFFFF", sLinkColor:"#000000", sBgColor:"transparent", sHoverColor:"#CCCCCC", nPaddingTop:0, nPaddingBottom:18, sFlashVars:"textalign=left&offsetTop=0", sWmode: 'transparent'}));
	}
}

function setOpacity(o, value) {
	o.style.opacity = value / 100;
	o.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + value +')';
}

function changePublicationStatus(o) {
	var form = o.form;
	var action = form.attributes ? form.attributes['action'].value : form.getAttribute('action');
	
	new Request(action, {
		parameters: { id: o.name, ajaxAction: 'changePublicationStatus', to: o.value },
		onResponse: function(result) {
			if (result.text) {
				var aDelete = document.getElementById('delete-' + result.text);
				if (aDelete) {
					aDelete.style.display = (o.value == 'l') ? 'none' : 'block';
				}
				alert('Status changed successfully.');
			} else {
				alert('Error while changing status.')
			}
		}
	});
}

Dim = {
	box: null,
	opacity: 0,

	enabled: function() {
		if (Dim.box) {
			if (Dim.box.style.display == 'block') {
				return true;
			}
		}
		return false;
	},

	on: function() {
		if (!Dim.box) {
			Dim.box = document.createElement('DIV');

            Dim.box.className = 'dim';

            Dim.box.selectable = 'no';
            Dim.box.unselectable = 'on';
            Dim.box.className += ' unselectable';

			Dim.box.onclick = Lightbox.close;

			document.body.appendChild(Dim.box);			
		}

        document.body.className += ' dim-on';

		Dim.opacity = 0;

		Dim.fadeIn();
		Dim.box.style.display = 'block';
	},

	fadeIn: function() {
		if (Dim.opacity <= 80) {
			setOpacity(Dim.box, Dim.opacity);
			Dim.opacity += 20;
			setTimeout(Dim.fadeIn, 10);
		}
	},

	fadeOut: function() {
		if (Dim.opacity >= 0) {
			setOpacity(Dim.box, Dim.opacity);
			Dim.opacity -= 20;
			setTimeout(Dim.fadeOut, 10);
		} else {
			Dim.box.style.display = 'none';
		}
	},

	off: function() {
		if (Dim.box) {
			Dim.opacity = 80;
			Dim.fadeOut();
		}
		document.body.className = document.body.className.replace(/\s*dim-on/ig, '');
	}
}



Lightbox = {

	imageCount: 0,
	current: 0,

	init: function() {
		var i, k, a = document.getElementsByTagName('A');
		var imgId = 1;
		for (i=0,k=a.length; i<k; i++) {
			if (a[i].id.indexOf('-map') > 0) {
				a[i].onclick = Lightbox.onContactClick;
			}
		}
	},

	showPhoto: function(id) {
		var i, k, a = document.getElementById('photo-content').parentNode.parentNode.getElementsByTagName('A');
		for (i=0, k=a.length; i<k; i++) {
			a[i].className = a[i].className.replace(/\s*current/g, '');
		}

		try {
			(document.getElementById('photo-content').getElementsByTagName('IMG'))[0].src = document.getElementById('lightbox-contact-photo').href;
		} catch(e) {
			document.getElementById('photo-content').innerHTML = '<img src="'+ document.getElementById('lightbox-contact-photo').href +'" alt="" />';
		}

		document.getElementById('lightbox-contact-photo').className += ' current';
	},


	showSmallMap: function(id) {
		var i, k, a = document.getElementById('photo-content').parentNode.parentNode.getElementsByTagName('A');
		for (i=0, k=a.length; i<k; i++) {
			a[i].className = a[i].className.replace(/\s*current/g, '');
		}

		document.getElementById('photo-content').innerHTML = '<iframe width="530" height="398" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'+document.getElementById('lightbox-contact-smallmap').href+'"></iframe>';

		document.getElementById('lightbox-contact-smallmap').className += ' current';
	},


	showContactBox: function(id) {
		var map = document.getElementById(id + '-map').href;
		var html = '<div class="photo"><div id="photo-content"></div></div>\
			<a href="#" class="close" onclick="Lightbox.close();this.blur();return false">Close</a>\
			<a id="lightbox-contact-smallmap" href="'+map.replace('source=embed','output=embed')+'" onclick="Lightbox.showSmallMap(\''+ id +'\');this.blur();return false">Small Map</a>\
			<a href="'+map+'" target="_blank" onclick="this.blur();">Large Map</a>\
			<span>&nbsp;</span>\
		';

		Lightbox.open(html);
	},

	onContactClick: function() {
		var id = this.id.replace('-photo','').replace('-map', '');
		Lightbox.showContactBox(id);

		if (this.id.indexOf('photo') > 0) {
			Lightbox.showPhoto(id);
		} else {
			Lightbox.showSmallMap(id);
		}

		this.blur();
		return false;
	},


	onGalleryClick: function() {
		imageId = this.id.substr(1) * 1;

		Lightbox.current = imageId;

		var html = '<div class="photo"><div id="photo-content"></div></div>\
			<a href="#" class="close" onclick="Lightbox.close();return false">Close</a>\
			<span id="photo-pages" class="pages">'+ imageId +' of '+ Lightbox.imageCount +'</span>\
			<a id="lightbox-prev" href="#" class="prev" onclick="Lightbox.prev();this.blur();return false">Previous</a>\
			<a id="lightbox-next" href="#" class="next" onclick="Lightbox.next();this.blur();return false">Next</a>\
		';

		Lightbox.open(html);

		Lightbox.setContent(imageId);
		Lightbox.resize();

		this.blur();
		return false;
	},

	resize: function() {
		var content = document.getElementById('photo-content');
		var done = true;

		if (content.clientWidth > Lightbox.width) {
			content.style.width = Math.max(Lightbox.width, content.clientWidth - Lightbox.deltaX) + 'px';
			content.style.marginLeft = ((Lightbox.maxWidth - content.clientWidth) / 2) + 'px';
			done = false;
		} else if (content.clientWidth < Lightbox.width) {
			content.style.width = Math.min(Lightbox.width, content.clientWidth + Lightbox.deltaX) + 'px';
			content.style.marginLeft = ((Lightbox.maxWidth - content.clientWidth) / 2) + 'px';
			done = false;
		}


		if (content.clientHeight > Lightbox.height) {
			content.style.height = Math.max(Lightbox.height, content.clientHeight - Lightbox.deltaY) + 'px';
			content.style.marginTop = ((Lightbox.maxHeight - content.clientHeight) / 2) + 'px';
			done = false;
		} else if (content.clientHeight < Lightbox.height) {
			content.style.height = Math.min(Lightbox.height, content.clientHeight + Lightbox.deltaY) + 'px';
			content.style.marginTop = ((Lightbox.maxHeight - content.clientHeight) / 2) + 'px';
			done = false;
		}


		if (!done) {
			setTimeout(Lightbox.resize, 5);
		} else {
			if (content.innerHTML.indexOf('.swf') > 0) {
				content.style.borderWidth = 0;
			} else {
				content.style.borderWidth = '1px';
			}
			content.parentNode.className = content.parentNode.className.replace(/\s*loading/g, '');
		}
	},

	deltaX: 40,
	deltaY: 40,
	maxWidth: 530,
	maxHeight: 398,
	width: 0,
	height: 0,

	setContent: function(id) {
		var oA = document.getElementById('_' + id);
		var content = document.getElementById('photo-content');

		Lightbox.width = Lightbox.maxWidth;
		Lightbox.height = Lightbox.maxHeight;

		if (oA.className.indexOf('image') >= 0) {
			if (oA.href.indexOf('#') > 0) {
				var dimensions = oA.href.substr(oA.href.indexOf('#') + 1).split('x');
				if (dimensions.length == 2) {
					Lightbox.width = dimensions[0] * 1;
					Lightbox.height = dimensions[1] * 1;
				}
			}

			if (oA.href.indexOf('.swf') < 0 && oA.href.indexOf('.flv') < 0) {
				content.innerHTML = '<img src="'+ oA.href +'" alt="" width="'+Lightbox.width+'" height="'+Lightbox.height+'" />';
			} else {

				var url = (oA.href.indexOf('.flv') > 0) ? '/Film.swf' : oA.href;

				content.innerHTML = '<object type="application/x-shockwave-flash"\
										width="'+Lightbox.width+'" height="'+Lightbox.height+'" wmode'+(_mac&&_ff?'1':'')+'="transparent"\
										data="'+url+'" flashvars="movie='+oA.href+'">\
										<param name="movie" value="'+url+'" />\
										<param name="flashvars" value="movie='+oA.href+'" />\
										<param name="bgcolor" value="#191919" />\
										<param name="wmode'+(_mac&&_ff?'1':'')+'" value="transparent" />\
									</object>';
			}
		}

		content.style.borderWidth = '1px';
		content.parentNode.className += ' loading';
		document.getElementById('photo-pages').innerHTML = id + ' of ' + Lightbox.imageCount;

		Lightbox.resize();

		var prev = document.getElementById('lightbox-prev');
		var next = document.getElementById('lightbox-next');

		prev.className = prev.className.replace(/\s*disabled/g, '');
		next.className = next.className.replace(/\s*disabled/g, '');

		if (Lightbox.current == Lightbox.imageCount) {
			next.className += ' disabled';
		}

		if (Lightbox.current == 1) {
			prev.className += ' disabled';
		}
	},

	next: function() {
		var content = document.getElementById('photo-content');
		if (content.parentNode.className.indexOf('loading') >= 0) {
			return;
		}
		if (Lightbox.current == Lightbox.imageCount) {
			return;
		}
		Lightbox.current++;
		Lightbox.setContent(Lightbox.current);
	},

	prev: function() {
		var content = document.getElementById('photo-content');
		if (content.parentNode.className.indexOf('loading') >= 0) {
			return;
		}
		if (Lightbox.current == 1) {
			return;
		}
		Lightbox.current--;
		Lightbox.setContent(Lightbox.current);
	},

	open: function(html) {
		Dim.on();

		var o, s;

		var width = 568, height = 436;
		
		o = document.createElement('DIV');
        o.id = 'lightbox';
		o.className = 'lightbox';

        s = o.style;

		s.left = Math.round((100 - ((width  * 102) / document.body.clientWidth)) / 2) + '%';
		s.zIndex = 10001;

		o.innerHTML = html;

    	document.body.appendChild(o);
	},

	close: function() {
		var o = document.getElementById('lightbox');
		if (o) {
			o.parentNode.removeChild(o);
		}
		Dim.off();
	}

}

var asas = function()
{
	
//	var getInputs = $$('input.button').get('src').split('/')[3];
		var first = $$('input.button')[0].get('src').split('/')[2];
		var image = $$('input.button')[0].get('src').split('/')[3].replace('.gif','-roll.gif');
		$$('input.button')[0].set('src', '/images/' + first + '/'+ image);	
};

var mouseOut = function()
{
	var newImage = $$('input.button')[0].get('src').split('/')[3].replace('-roll.gif','.gif');
	$$('input.button')[0].set('src', '/images/publications/'+ newImage);
};