var currentplace
var sCases
var aCases


var c=0;
var t;
function playit()
{
gotonext()
c=c+1;
t=setTimeout("playit()",6000);
}
function stopCount()
{
clearTimeout(t);
}

function showcase() {
sCases = document.getElementById('aCases').innerHTML;
aCases = sCases.split(', ');


currentplace = aCases[0]

for (var i=0;i<aCases.length;i++) {
	if (aCases[i] == currentplace) {
document.getElementById('sidetal').innerHTML += ('<img src="images/tp.gif" width="14px" height="1px" /><img src="imagesNew/boxDot2.gif"/><a href="javascript:blendimage(\'blenddiv\',\'blendimage\',\'media/pictures/' +aCases[i]+ '\',700,\''+aCases[i]+'\')" class="menucontent" style="color:#ff3c00;">'+ (i+1) +'</a>');
		}
		else {
document.getElementById('sidetal').innerHTML += ('<img src="images/tp.gif" width="20px" height="1px" /><a href="javascript:blendimage(\'blenddiv\',\'blendimage\',\'media/pictures/' +aCases[i]+ '\',700,\''+aCases[i]+'\')" class="menucontent">'+ (i+1) +'</a>');
		}
	}
}

function gotonext() {

for (var i=0;i<aCases.length;i++){
	if (aCases[i] == currentplace) {
		if (i+2 <= aCases.length) {
		blendimage('blenddiv', 'blendimage','media/pictures/'+aCases[i+1], 700, aCases[i+1]);
		break;
		}
		else {
		blendimage('blenddiv', 'blendimage','media/pictures/'+aCases[0], 700, aCases[0]);
		break;
		}
	}
}
}
function gotopast() {

for (var i=0;i<aCases.length;i++){
	if (aCases[i] == currentplace) {
		if (i != 0) {
		blendimage(blenddiv, blendimage,'media/pictures/'+aCases[i-1], 700, aCases[i]);
		break;
		}
		else {
		gotothis(aCases[aCases.length-1]);
		break;
		}
	}
}
}

function gotothis(thisCase) {

	var theimage = thisCase
	currentplace = theimage

for (var i=0;i<aCases.length;i++) {
	if (aCases[i] == currentplace) {
document.getElementById('sidetal').innerHTML += ('<a href="#"  onclick="gotothis(\'' + aCases[i] + '\')"/>' + (i+1) + '</a>&nbsp;');
		}
		else {
document.getElementById('sidetal').innerHTML += ('<a href="#" onclick="gotothis(\'' + aCases[i] + '\')"/>' + (i+1) + '</a>&nbsp;');
		}
	}
	}

function blendimage(divid, imageid, imagefile, millisec, thefile) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    stopCount()
    //set the current image as background
    document.getElementById(divid).src = document.getElementById(imageid).src;
    currentplace = thefile;
    //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++;
    }

document.getElementById('sidetal').innerHTML = "";
	for (var i=0;i<aCases.length;i++) {
	if (aCases[i] == currentplace) {
document.getElementById('sidetal').innerHTML += ('<img src="images/tp.gif" width="14px" height="1px" /><img src="imagesNew/boxDot2.gif"/><a href="javascript:blendimage(\'blenddiv\',\'blendimage\',\'media/pictures/' +aCases[i]+ '\',700,\''+aCases[i]+'\')" class="menucontent" style="color:#ff3c00;">'+ (i+1) +'</a>');
		}
		else {
document.getElementById('sidetal').innerHTML += ('<img src="images/tp.gif" width="20px" height="1px" /><a href="javascript:blendimage(\'blenddiv\',\'blendimage\',\'media/pictures/' +aCases[i]+ '\',700,\''+aCases[i]+'\')" class="menucontent">'+ (i+1) +'</a>');
		}
	}
}
//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 + ")";
}


var curleft = curtop = 0;
function findPos(obj) {



	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
			} while (obj = obj.offsetParent);

	return [curleft,curtop];
	}
}

function hideDrop() {
	h = setTimeout("document.getElementById('dropdown').style.visibility = 'hidden'", 4000)
	}

function showDrop(obj) {

	findPos(obj);

	var x = curleft;
	var y = curtop;

	document.getElementById('dropdown').style.display = 'block';
	document.getElementById('dropdown').style.left = x-15+'px';
	document.getElementById('dropdown').style.top = y-2+'px';
	curleft = curtop = 0;
	}

function openInIFrame(url)

{

//open url in iframe 'iFrameID'

document.getElementById('calculationFrame').src=url;

}