/*
<table id="Table_01" width="1024" height="135" border="0" cellpadding="0" cellspacing="0" style="position:static; z-index: 2">
	<tr>
		<td colspan="8"><img src="images/Main.jpg" alt="" width="1024" height="135" border="0" usemap="#Map" /></td>
	</tr>
	<tr>
		<td colspan="8" align=left valign=top style="position:relative; height:543px">
            <img src="/images/ScreenShots_2.jpg" height="543" width="1024" id="picbottom" style="position:absolute; top=0px; left=0px; z-index=0"/><img src="/images/ScreenShots_1.jpg" id="pictop" height="543" width="1024" style="position:absolute; top=0px; left=0px; z-index=1"/>
        </td>
        */

var currentpic = 1;
var minpic = 0;
var maxpic = 0;
var picbasename = '';

function startImageFlip(_minPic, _maxPic, _startPic, _picbasename) {
    minpic = _minPic;
    maxpic = _maxPic;
    currentpic = _startPic;
    picbasename = _picbasename;
    setTimeout("crossfade()", 2000);
}

function crossfade() {
    currentpic++;
    if (currentpic > maxpic) currentpic = minpic;

    var timer = 1000;

    fadeopacity('pictop', 100, 0, timer);
    setTimeout("crossfade()", timer * 4);
}

function copypic() {
    var pictop = document.getElementById('pictop');
    var picbottom = document.getElementById('picbottom');
    pictop.src = picbottom.src;
    presentpic(currentpic);
    //setTimeout("presentpic(" + currentpic + ")", 250);
}

function presentpic(picnum) {
    var pictop = document.getElementById('pictop');
    var picbottom = document.getElementById('picbottom');
    changeOpac(100, 'pictop');
    picbottom.src = picbasename + picnum + '.jpg';
}

function fadeopacity(id, opacStart, opacEnd, millisec) {
    //var object = document.getElementById('pic2').style;
    //object.visibility = 'hidden';

    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;
    //determine the direction for the blending, if start and end are the same nothing happens 
    if (opacStart > opacEnd) {
        for (i = opacStart; i >= opacEnd; i-=10) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            /*if ((timer < 5) || (timer > 95))
                alert((timer * speed));*/
            timer+=10;
        }
        //setTimeout("moveGameWindow()",(timer * speed)); 
    } else if (opacStart < opacEnd) {
        for (i = opacStart; i <= opacEnd; i+=10) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer+=10;
        }
        //setTimeout("swappic(" + newpicnum + ", " + newtarget + ")",(timer * speed)); 
    }
}

//change the opacity for different browsers 
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 + ")";

    if (opacity == 0) {
        copypic();
        //setTimeout("copypic()", timer);
    }
}