//alert ("Effect embeded");

function initKataloge() {
	var katalogDiv = document.getElementById("kataloge");
 	var picArray = katalogDiv.getElementsByTagName("img");
	var totalPics = picArray.length;	

	
	for (var i=1; i<totalPics; i++) {		
		$('katalog_'+i).set({opacity:0.7});
		$('download_'+i).set({opacity:0});	
	}		
}

function enlarge (id) {	
	var katalogDiv = document.getElementById("kataloge");
 	var picArray = katalogDiv.getElementsByTagName("img");
	var totalPics = picArray.length;		
	
	for (var i=0; i<totalPics; i++) {		
		if (i == id) {
			$('katalog_'+i).morph({width: '220px', opacity:1, top: '0px'});
			$('download_'+i).fade(1);
		} else {			
			$('katalog_'+i).morph({width: '110px', opacity:0.7, top: '50px'});
			$('download_'+i).fade(0);
		}
	}			
}

function shrink () {	
	var katalogDiv = document.getElementById("kataloge");
 	var picArray = katalogDiv.getElementsByTagName("img");
	var totalPics = picArray.length;	
	
	for (var i=0; i<totalPics; i++) {		
		$('katalog_'+i).morph({width: '110px', opacity:0.7, top: '50px'});
		$('download_'+i).fade(0);
	}			
}

function fadeIn(id) {
	var object = document.getElementById(id).style;
	object.zIndex = 100;
   	var opacStart = 0;
	var opacEnd = 100;
    var speed = Math.round(200 / 100);
    var timer = 0;	
		
	if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }    
}

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

//change the opacity for different browsers
function changeOpac(opacity, id) {	
    var object = document.getElementById(id).style;
	object.display = 'block';
	object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}






function showHistory (picNr) {	
	var picDiv = document.getElementById("colRight");
 	var picArray = picDiv.getElementsByTagName("img");
	var totalPics = picArray.length;		
	
	for (var i=0; i<totalPics; i++) {	
		if (picNr == i) {
			$('history_'+i).fade(1);
		}else {
			$('history_'+i).fade(0);
		}
	}			
}