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

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

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;
	document.getElementById(divid).style.backgroundImage="url("+document.getElementById(imageid).src+")"; // set the current image as background
	changeOpac(0, imageid); // make image transparent
	document.getElementById(imageid).src=imagefile; // make new image
	for(i=0;i<=100;i++) // fade in image
	{
		setTimeout("changeOpac("+i+",'"+imageid+"')",(timer*speed));
		timer++;
	}
}

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

function phpcoder_first_fade(line,sep,first_location,current_fader,nav_left,nav_right)
{
	opacity(first_location, 100, 0, 500);
	var mxlen=arr1.length-line;	
	var k=Number(document.getElementById(current_fader).value)+1;
	if(k>mxlen)
	{
		k=mxlen;
	}
	document.getElementById(current_fader).value=k;
	var iner='';
	for(i=k;i<k+line;i++)
	{
		iner+=(iner=='')?'':sep;
		iner+=arr1[i];
	}
	document.getElementById(first_location).innerHTML= iner;
	if(k>=1)
	{
		document.getElementById(nav_left).innerHTML='<a href="javascript:phpcoder_second_fade(' + line + ',\'' + sep + '\',\'' + first_location + '\',\'' + current_fader + '\',\'' + nav_left + '\',\'' + nav_right+'\');"><img src="images/prev_off.gif" width="43" height="16" border="0" alt="List"></a>';
	}
	else
	{
		document.getElementById(nav_left).innerHTML='&nbsp;';
	}	
	if(k<mxlen)
	{
		document.getElementById(nav_right).innerHTML='<a href="javascript:phpcoder_first_fade(' + line + ',\'' + sep + '\',\'' + first_location + '\',\'' + current_fader + '\',\'' + nav_left + '\',\'' + nav_right+'\');"><img src="images/next_off.gif" width="43" height="16" border="0" alt="List"></a>';
	}
	else
	{
		document.getElementById(nav_right).innerHTML='&nbsp;';
	}
	opacity(first_location, 0, 100, 500);
}

function phpcoder_second_fade(line,sep,first_location,current_fader,nav_left,nav_right)
{
	opacity(first_location, 100, 0, 500);
	var mxlen=arr1.length-line;
	var k=Number(document.getElementById(current_fader).value)-1;
	if(k<0)
	{
		k=0;
	}
	document.getElementById(current_fader).value=k;
	var iner='';
	for(i=k;i<k+line;i++)
	{
		iner+=(iner=='')?'':sep;
		iner+=arr1[i];
	}
	document.getElementById(first_location).innerHTML= iner;
	if(k>=1)
	{
		document.getElementById(nav_left).innerHTML='<a href="javascript:phpcoder_second_fade(' + line + ',\'' + sep + '\',\'' + first_location + '\',\'' + current_fader + '\',\'' + nav_left + '\',\'' + nav_right+'\');"><img src="images/prev_off.gif" width="43" height="16" border="0" alt="List"></a>';
	}
	else
	{
		document.getElementById(nav_left).innerHTML='&nbsp;';
	}
	if(k<mxlen)
	{
		document.getElementById(nav_right).innerHTML='<a href="javascript:phpcoder_first_fade(' + line + ',\'' + sep + '\',\'' + first_location + '\',\'' + current_fader + '\',\'' + nav_left + '\',\'' + nav_right+'\');"><img src="images/next_off.gif" width="43" height="16" border="0" alt="List"></a>';
	}
	else
	{
		document.getElementById(nav_right).innerHTML='&nbsp;';
	}
	opacity(first_location, 0, 100, 500);
}


function phpcoder_first_fade2(line,sep,first_location,current_fader,nav_left,nav_right)
{
	opacity(first_location, 100, 0, 500);
	var mxlen=arr1.length-line;	
	var k=Number(document.getElementById(current_fader).value)+1;
	if(k>mxlen)
	{
		k=mxlen;
	}
	document.getElementById(current_fader).value=k;
	var iner='';
	for(i=k;i<k+line;i++)
	{
		iner+=(iner=='')?'':sep;
		iner+=arr1[i];
	}
	document.getElementById(first_location).innerHTML= iner;
	if(k>=1)
	{
		document.getElementById(nav_left).innerHTML='<a href="javascript:phpcoder_second_fade2(' + line + ',\'' + sep + '\',\'' + first_location + '\',\'' + current_fader + '\',\'' + nav_left + '\',\'' + nav_right+'\');"><img src="images/prev_off2.gif" width="10" height="47" border="0" alt="List"></a>';
	}
	else
	{
		document.getElementById(nav_left).innerHTML='&nbsp;';
	}	
	if(k<mxlen)
	{
		document.getElementById(nav_right).innerHTML='<a href="javascript:phpcoder_first_fade2(' + line + ',\'' + sep + '\',\'' + first_location + '\',\'' + current_fader + '\',\'' + nav_left + '\',\'' + nav_right+'\');"><img src="images/next_off2.gif" width="10" height="47" border="0" alt="List"></a>';
	}
	else
	{
		document.getElementById(nav_right).innerHTML='&nbsp;';
	}
	opacity(first_location, 0, 100, 500);
}

function phpcoder_second_fade2(line,sep,first_location,current_fader,nav_left,nav_right)
{
	opacity(first_location, 100, 0, 500);
	var mxlen=arr1.length-line;
	var k=Number(document.getElementById(current_fader).value)-1;
	if(k<0)
	{
		k=0;
	}
	document.getElementById(current_fader).value=k;
	var iner='';
	for(i=k;i<k+line;i++)
	{
		iner+=(iner=='')?'':sep;
		iner+=arr1[i];
	}
	document.getElementById(first_location).innerHTML= iner;
	if(k>=1)
	{
		document.getElementById(nav_left).innerHTML='<a href="javascript:phpcoder_second_fade2(' + line + ',\'' + sep + '\',\'' + first_location + '\',\'' + current_fader + '\',\'' + nav_left + '\',\'' + nav_right+'\');"><img src="images/prev_off2.gif" width="10" height="47" border="0" alt="List"></a>';
	}
	else
	{
		document.getElementById(nav_left).innerHTML='&nbsp;';
	}
	if(k<mxlen)
	{
		document.getElementById(nav_right).innerHTML='<a href="javascript:phpcoder_first_fade2(' + line + ',\'' + sep + '\',\'' + first_location + '\',\'' + current_fader + '\',\'' + nav_left + '\',\'' + nav_right+'\');"><img src="images/next_off2.gif" width="10" height="47" border="0" alt="List"></a>';
	}
	else
	{
		document.getElementById(nav_right).innerHTML='&nbsp;';
	}
	opacity(first_location, 0, 100, 500);
}