var currentImage = 1;

function next() {
	document.getElementById('i'+currentImage).style.display = 'none';
	changeOpac(50, 'g'+currentImage);
	if (currentImage==3) currentImage = 0;
	currentImage = currentImage + 1;
	opacity('g'+currentImage, 50, 100, 800);
	document.getElementById('i'+currentImage).style.display = 'block';
	changeOpac(0, 'i'+currentImage);
	opacity('i'+currentImage, 0, 100, 800);
}

function previous() {
	document.getElementById('i'+currentImage).style.display = 'none';
	changeOpac(50, 'g'+currentImage);
	if (currentImage==1) currentImage = 4;
	currentImage = currentImage - 1;
	opacity('g'+currentImage, 50, 100, 800);
	document.getElementById('i'+currentImage).style.display = 'block';
	changeOpac(0, 'i'+currentImage);
	opacity('i'+currentImage, 0, 100, 800);
}

function step(id) {
	changeOpac(50, 'g'+currentImage);
	currentImage = id;
	opacity('g'+currentImage, 50, 100, 800);
	opacity('i'+currentImage, 50, 100, 800);
}

function show(id) {
	document.getElementById('pop_posts').style.display = 'none';
	document.getElementById('pop_comments').style.display = 'none';
	document.getElementById('pop_today').style.display = 'none';
	document.getElementById('pop_views').style.display = 'none';
	changeOpac(0, 'pop_'+id);
	document.getElementById('pop_'+id).style.display = 'block';
	opacity('pop_'+id, 0, 100, 800);
}

function click(element) {
	document.getElementById('link1').style.backgroundImage = 'none';
	document.getElementById('link2').style.backgroundImage = 'none';
	document.getElementById('link3').style.backgroundImage = 'none';
	document.getElementById('link4').style.backgroundImage = 'none';
	element.style.backgroundImage = 'url(' + activeURL + ')';
}

function opacity(id, opacStart, opacEnd, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}