/*
* Brucosijada PMFa 2006
* Javascript functions
* Created by: Flogistol
*/

// Rolloveri za slike u meniju
function showImage(image) {
	var imageSrc = image.getAttribute("src");
	var imageSrcNoExt = imageSrc.substring(0, (imageSrc.length - 4));

	var imageOverSrc = imageSrcNoExt + "-hover.png";

	image.src = imageOverSrc;
}

function hideImage(image) {
	var imageSrc = image.getAttribute("src");
	var imageSrcNoExt = imageSrc.substring(0, (imageSrc.length - 10));
	
	var imageOutSrc = imageSrcNoExt + ".png";
	
	image.src = imageOutSrc;
}

/*
    getElementsByClassName is written by Jonathan Snook, http://www.snook.ca/jonathan
		Add-ons by Robert Nyman, http://www.robertnyman.com
*/
function getElementsByClassName(oElm, strTagName, strClassName) {
    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements);
}

// Namjesti opacity na vrijednost 'op', od 0 do 100
function opChange (id, op) {
	var object = document.getElementById(id).style;
	object.opacity = (op/100);
	object.MozOpacity = (op/100);
	object.KhtmlOpacity = (op/100);
	object.filter = "alpha(opacity=" + op + ")";
}

// Namjesti opacity u vremenskom periodu, u milisekundama
function opSet(id, opStart, opFinal, msecs) {
	var speed = Math.round(msecs/100);
	var timer = 0;
	
	if (opStart > opFinal) {
		for (i = opStart; i >= opFinal; i--) {
			setTimeout("opChange('" + id + "'," + i + ")", (timer*speed));
			timer++;
		}
	}
	else if (opStart < opFinal) {
		for (i = opStart; i <= opFinal; i++) {
			setTimeout("opChange('" + id + "'," + i + ")", (timer*speed));
			timer++;
		}
	}
}

// Prikazivanje sadrzaja u centralnom frameu
function showDiv(image) {
	// Grabimo klasu sa kliknute slike - klasa je ista kao id zeljenog diva, ukljucuje hack za IE
	if ((navigator.userAgent.indexOf("MSIE") != -1) && (navigator.userAgent.indexOf("Opera") == -1)) {
		var divId = image.getAttribute("className");
	}
	else {
		var divId = image.getAttribute("class");
	}
	
	// Skrivamo sve osnovne divove
	var divs = getElementsByClassName(window.document.getElementById("content-main"), "div", "content-holder");
	for (var i = 0; i < divs.length; i++) {
		if(divs[i].style.display != "none") {
			divs[i].style.display = "none";
		}
	}

	// Prikazujemo zeljeni div
	opChange(divId, 0);
	window.document.getElementById(divId).style.display = "block";
	opSet(divId, 0, 100, 400);
}

function showBand(image) {
	// Grabimo title sa kliknute slike - title je isti kao id zeljenog diva
	var divId = image.getAttribute("title");
	
	// Skrivamo sve divove sa opisima bandova
	var divs = getElementsByClassName(window.document.getElementById("content-main"), "div", "band-description");
	for (var i = 0; i < divs.length; i++) {
		if (divs[i].style.display != "none") {
			divs[i].style.display = "none";
		}
	}
	
	opChange(divId, 0);
	// Prikazujemo zeljeni div
	window.document.getElementById(divId).style.display = "block";
	opSet(divId, 0, 100, 400);
}

// Jednostavna skripta za fade-in na cijelom body-ju
function showBody() {
	// Nemoj ni pokušavati na IEu
	if ((navigator.userAgent.indexOf("MSIE") == -1)) {
		opSet("body", 0, 100, 2000);
	}
}