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

function opacityOff1(id, opacStart, opacEnd, millisec) {
    opacityOff('overlay', 500);
}



var timer = 0;
var fadeIn = true;
var fadeOut = false;
var opac = 0;
var speed = 0;
var timer1;
var timer2;
var i = 0;
// fade - step of fade 1..50
var fade = 20;


function opacityOff(id, millisec) {
    clearInterval(timer1);
    i = document.getElementById(id).style.opacity;
    var m = Number(i)*100;
    if (Number(document.getElementById(id).style.opacity) < 0) {
        changeOpac(0, id);
    }
    function down() {
        if (Number(document.getElementById(id).style.opacity) > 0) {
            changeOpac(m, id);
            m = m - fade;
        } else {
            clearInterval(timer2);
            document.getElementById(id).style.display = 'none';
            changeOpac(0, id);
        }
    }
    timer2=setInterval(down, 10);
}

function opacityOn(id, millisec) {
    clearInterval(timer2);
    document.getElementById(id).style.display = 'block';
    i = document.getElementById(id).style.opacity;
    var k = Number(i);
        function up() {
            if (Number(document.getElementById(id).style.opacity) < 1) {
                changeOpac(k, id);
                    k += fade;
            } else {
                clearInterval(timer1);
                changeOpac(100, id);
            }
        }
    timer1=setInterval(up, 10);
}


//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.curropacity = opacity;
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
    if (opacity < 0) {
        document.getElementById(id).style.display = 'none';
        //alert('off');
    }
        if (opacity >= 100) {
        document.getElementById(id).style.display = 'block';
        //alert('on');
    }
}

function shiftOpacity(id, millisec) {
    //if an element is invisible, make it visible, else make it ivisible
    if(document.getElementById(id).style.opacity == 0) {
        opacity(id, 0, 100, millisec);
    } else {
        opacity(id, 100, 0, millisec);
    }
}



function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    //make image transparent
    changeOpac(0, imageid);
    //make new image
    document.getElementById(imageid).src = imagefile;
    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
}



function currentOpac(id, opacEnd, millisec) {
    var currentOpac = 100;
    //if the element has an opacity set, get it
    if(document.getElementById(id).style.opacity < 100) {
        currentOpac = document.getElementById(id).style.opacity * 100;
    }
    //call for the function that changes the opacity
    opacity(id, currentOpac, opacEnd, millisec)
}



function selectCode(tid)
{
    tid.focus();
    tid.select();
};
function show(name, sfs)
{
    hideObjects();
    document.getElementById('overlay').style.display = 'block';
    document.getElementById('niWg').style.display = 'block';
    document.getElementById('code').focus();
    document.getElementById('code').select();
    scroll(0,0);



}

function hideObjects()
{
    var hideEmbedCssText1 = ' select {display: none;}';
     insertStyle(hideEmbedCssText1);
    opacity('overlay', 0, 50, 500);
    opacity('niWg', 0, 100, 500);
    scroll(0,0);

function xClientHeight()
{
  var v=0,d=document,w=window;
  if((!d.compatMode || d.compatMode == 'CSS1Compat') && !w.opera && d.documentElement && d.documentElement.clientHeight)
    {v=d.documentElement.clientHeight;}
  else if(d.body && d.body.clientHeight)
    {v=d.body.clientHeight;}
  else if(xDef(w.innerWidth,w.innerHeight,d.width)) {
    v=w.innerHeight;
    if(d.width>w.innerWidth) v-=16;
  }
  return v;
}

function xClientWidth()
{
  var v=0,d=document,w=window;
  if((!d.compatMode || d.compatMode == 'CSS1Compat') && !w.opera && d.documentElement && d.documentElement.clientWidth)
    {v=d.documentElement.clientWidth;}
  else if(d.body && d.body.clientWidth)
    {v=d.body.clientWidth;}
  else if(xDef(w.innerWidth,w.innerHeight,d.height)) {
    v=w.innerWidth;
    if(d.height>w.innerHeight) v-=16;
  }
  return v;
}



        var client_width = xClientWidth();
        var client_height = xClientHeight();
        /*var top = client_height/2 - 290;*/
        var top = '0';
        document.getElementById('overlay').style.width = client_width + 'px';
        document.getElementById('overlay').style.height = client_height + 'px';
        document.getElementById('niWg').style.top = top + 'px';
//		alert(document.getElementById('overlay').style.height);
    window.onresize = function() {
        var client_width = xClientWidth();
        var client_height = xClientHeight();
        var top = client_height/2 - 290;

        document.getElementById('overlay').style.width = client_width + 'px';
        document.getElementById('overlay').style.height = client_height + 'px';
        document.getElementById('niWg').style.top = top + 'px';
    }
}



function showObjects()
{

//	opacityOff('overlay', 50, 0, 1000);
    opacityOff1();
    document.getElementById('niWg').style.display = 'none';

    clearStyle(hStyle);
    var hideEmbedCssText = 'select { }';
    insertStyle( hideEmbedCssText);
}
function insertStyle ( styleText)
{
    var style = document.createElement('style')
    style.type = 'text/css';
    try
    {
         style.appendChild( document.createTextNode( styleText ) );
     }
     catch(e)
     {
         style.styleSheet.cssText = styleText;
     }
     var head = document.getElementsByTagName('head')[0];
     if (!head)
     {
         head = document.createElement('head');
         document.body.parentNode.insertBefore(head, document.body);
       }
    hStyle = style;
    head.appendChild(style);
}
function clearStyle(style)
{
    if (style.parentNode) style.parentNode.removeChild(style);
}