// Browser safe opacity handling function

function setOpacity( value, pop ) {
    var stypop = 'styled_popup'+ pop;
    document.getElementById(stypop).style.display = 'block';
    document.getElementById(stypop).style.opacity = value / 10;
    document.getElementById(stypop).style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopup(pop) {
    if(pop){
	for( var i = 0 ; i <= 100 ; i++ ){
	    setTimeout( 'setOpacity(' + (i / 10) + ','+ pop +')' , 4 * i );
	}
    }
}

function fadeOutMyPopup(pop) {
    if(pop){
	for( var i = 0 ; i <= 100 ; i++ ) {
	    setTimeout( 'setOpacity(' + (10 - i / 10) + ','+ pop +')' , 4 * i );
	}
	setTimeout('closeMyPopup('+ pop +')', 400 );
    }
}

function closeMyPopup(pop) {
    var stypop = 'styled_popup'+ pop;
    document.getElementById(stypop).style.display = 'none';
}

/*
function fireMyPopup(stypop) {
    setOpacity( 0 );
    document.getElementById("styled_popup").style.display = "block";
    fadeInMyPopup();
}
*/

function firePopup(pop, img) {
    var stypop = 'styled_popup'+ pop;
    var block = document.getElementById(stypop);
    var tblwid = parseInt(library.image[img - 1].wid) + parseInt(40);
    block.innerHTML = '<table cellpadding="0" cellspacing="0"><tr><td width="13"><img src="cases/tbarL.png" width="13" height="22" alt=""></td><td class="a8a9ab" width="'+ tblwid +'"><a href=\'javascript:fadeOutMyPopup('+ pop +');\'><img src="cases/closewindow.png" width="102" height="22" border="0"></a></td><td width="13"><img src="cases/tbarR.png" width="13" height="22" alt=""></td></tr><tr><td colspan="3"><div id="enlargement"><span style="color:#69c;"><strong>Project</strong><br>'+ library.image[img - 1].txt +'</span><br><br><img src="'+ library.image[img - 1].src +'" width="'+ library.image[img - 1].wid +'" height="'+ library.image[img - 1].hei +'" alt=""></div></td></tr></table>';
    //block.style.display = 'block';
    //setTimeout("fadeInMyPopup("+pop+")", 0);
    fadeInMyPopup(pop);
}

function showHideLayers(layer){

    if (document.getElementById){
	/* close opened windows */
	closeMyPopup(layer);

	/* hide all cases */
	var mycase = 'case'+layer;
	//var cases = ['case1', 'case2', 'case3', 'case4', 'case5', 'case6', 'case7'];
	var cases = ['case1', 'case2', 'case3', 'case4', 'case5', 'case6', 'case7'];
	for(var i = 0; i < cases.length; i++){
	    var c = cases[i];
	    document.getElementById(c).style.visibility = 'hidden';
	}
	document.getElementById(mycase).style.visibility = 'visible';

	/* change buttons */
	//var buttHome = document.getElementById('navButts');
	var buttHome = document.getElementById('caseNav');
	var butts = buttHome.getElementsByTagName('img');
	for(var i = 0; i < butts.length; i++){
	       butts[i].setAttribute('src', 'cases/images/'+(i + 1)+'.gif');
	}

	var myButt = 'btn'+layer;
	var img = document.getElementById(myButt);
	img.setAttribute('src', 'cases/images/'+layer+'-hov.gif');
    }
}