events = { };

events.add = function(o, e, f) {
    if (o.addEventListener) { o.addEventListener(e, f, true); }
    if (o.attachEvent)      { o.attachEvent('on' + e, f);     }
};

events.format = function(e) {
    if (typeof(e) == 'undefined') { var e = window.event; }
    s = e.target ? e.target : e.srcElement;
    if (s.nodeType == 3) { s = s.parentNode; }
    return s;
};

browser = { };

browser.modeCompilance = function() {
    return (navigator.appName.indexOf('Microsoft Internet Explorer') > -1) ? false : true;
};

function openWindowPicture(e) {
	var e   = events.format(e);
	var s   = e.id.split('x');
	var url = e.src.replace('p.jpg','').split('/images/fotos/')[1];
	window.open('/fotos/opener.php?t=0&id=' + url, 'foto' + e.id, 'width='+ parseInt(s[0]) +',height='+ parseInt(s[1]) +',statusbar=no');
}

function openWindowVideo(e) {
	var e   = events.format(e);
	var url = e.src.replace('.jpg','').split('/images/videos/')[1];
	window.open('/fotos/opener.php?t=1&id=' + url, 'video' + url.replace('-','') , 'width=425,height=355,statusbar=no');
}

function imageOver(e) {
	var e = events.format(e);
	if (browser.modeCompilance()) {
		e.style.opacity=1;
	} else {
		e.filters.alpha.opacity=100;
	}
}

function imageOut(e) {
	var e = events.format(e);
	if (browser.modeCompilance()) {
		e.style.opacity=0.4;
	} else {
		e.filters.alpha.opacity=40;
	}
}

function main() {
	var table = document.getElementById('table-fotos');
	var image = table.getElementsByTagName('img');
	for (var i=0; i<image.length; i++) {
		events.add(image.item(i), 'click', openWindowPicture);
		events.add(image.item(i), 'mouseover', imageOver);
		events.add(image.item(i), 'mouseout', imageOut);
		image.item(i).alt   = 'Clique para ampliar';
		image.item(i).title = image.item(i).alt;
	}
	
	var table = document.getElementById('table-videos');
	var image = table.getElementsByTagName('img');
	for (var i=0; i<image.length; i++) {
		events.add(image.item(i), 'click', openWindowVideo);
		events.add(image.item(i), 'mouseover', imageOver);
		events.add(image.item(i), 'mouseout', imageOut);
		image.item(i).alt   = 'Clique para ver';
		image.item(i).title = image.item(i).alt;
	}
}

if (window) {
    window.onload = main;
}