// JavaScript Document

function loadTitle(idx, eventTag, eventName, eventDuration, total)
{
	if (idx == 0)
		hideElement('arrow_left');
	else
		showElement('arrow_left');
	if (idx == total)
		hideElement('arrow_right');
	else
		showElement('arrow_right');
		
	if ( idx >= 0 && idx <= total)
	{
	// load stuff 
	ajaxpage('eventdetail-image.php?idx=' + idx + '&eventTag=' + eventTag + '&eventName=' + eventName + '&eventDuration=' + eventDuration, 'title_image'); loadobjs('css/styles.css', 'js/ajaxpage.js', 'js/eventdetail.js');   
    ajaxpage('artistdetail-info.php?idx=' + idx, 'title_info'); loadobjs('css/styles.css', 'js/ajaxpage.js', 'js/eventdetail.js');   
	ajaxpage('artistdetail-artistname.php?idx=' + idx, 'artistName'); loadobjs('css/styles.css', 'js/ajaxpage.js', 'js/eventdetail.js'); 
	//clearBkgndImage('title_image');
	}
} 


function showElement(e)
{
	document.getElementById(e).style.visibility = "visible";
}
function hideElement(e)
{
	document.getElementById(e).style.visibility = "hidden";
}
function clearElement(e)
{
	document.getElementById(e).value = "";
}
function setElement(e, val)
{
	document.getElementById(e).value = val;
}
function clearBkgndImage(e)
{
	el = document.getElementById(e);
	el.style.background = "url('images/blank.gif')";
}


function mouseOver(img_src)
{
	var el = document.getElementById("large_image");
	el.src = img_src;
}

//function opacity(id, opacStart, opacEnd, millisec) {
//    //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--) {
//            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
//            timer++;
//        }
//    } else if(opacStart < opacEnd) {
//        for(i = opacStart; i <= opacEnd; i++)
//            {
//            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
//            timer++;
//        }
//    }
//}
//
////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 + ")";
//} 
//
//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);
//    }
//}