function showElement(objectID){
    var object=document.getElementById(objectID);

    if(object.style.display=="none"){
        object.style.display="block";
    }
}

function hideElement(objectID){
    var object=document.getElementById(objectID);

    if(object.style.display=="block" || object.style.display==""){
        object.style.display="none";
    }
}

//CALENDAR GALLERY

var imgIndex=0;
var lastIndex=new Array();
var selectedSrc;

function initGallery(){
    var nextBtn=document.getElementById("nextSet");
    var prevBtn=document.getElementById("prevSet");
    nextBtn.onclick=moveNext;
    prevBtn.onclick=movePrev;
    setHolderWidth();

    initImages();
}

function initImages(){
    var thumbholder=document.getElementById("thumbHolder");
    var children=thumbholder.getElementsByTagName("img");
    for(var i=0;i<children.length;i++){
        var img=children[i];
        img.onclick=imgClickHandler;
        img.onmouseover=imgMouseOverHandler;
        img.onmouseout=imgMouseOutHandler;
    }
}

function moveNext(){
    var thumbholder=document.getElementById("thumbHolder");
    var offset=getOffset("next");
    new Effect.Move(thumbholder, {
        x:-offset,
        y:0,
        mode:'absolute'
    });
}

function movePrev(){
    var thumbholder=document.getElementById("thumbHolder");
    var offset=getOffset("prev");
    new Effect.Move(thumbholder, {
        x:-offset,
        y:0,
        mode:'absolute'
    });
}

function setHolderWidth(){
    var w=0;
    var thumbholder=document.getElementById("thumbHolder");
    var children=thumbholder.getElementsByTagName("div");
    for(var i=0;i<children.length;i++) w+=children[i].offsetWidth;
    thumbholder.style.width=w;
    
    return w;
}

function getOffset(dir){
    var thumbholder=document.getElementById("thumbHolder");
    var mask=document.getElementById("thumbHolderMask");

    var children=thumbholder.getElementsByTagName("div");

    if(dir=="next"){
        var temp=imgIndex;
        for(var i=imgIndex;i<children.length;i++){
            var div=children[i];
            if(div.offsetLeft+div.offsetWidth>mask.clientWidth-thumbholder.offsetLeft){
                imgIndex=i;
                lastIndex.push(temp);
                return div.offsetLeft;
            }
        }
    }else{
        var prev=children[lastIndex[lastIndex.length-1]];
        if(prev){
            imgIndex=lastIndex.pop();
            return prev.offsetLeft;
        }
    }
    imgIndex=0;
    lastIndex=[];
    return 0;
}

function imgClickHandler(e){
    e=e?e:(window.event?event:null);
    var img=e.target?e.target:(e.srcElement?e.srcElement:null);
    
    selectedSrc=img.src.replace("thumb", "normal");
    var full=document.getElementById("imgFull");
    var fade=new Effect.Opacity(full,{
        duration:.5,
        from:1,
        to:0
    });



    var picdataholder=document.getElementById("picdataHolder");
    var children=picdataholder.getElementsByTagName("div");
    for(var i=0;i<children.length;i++){
		if (children[i].style.display != 'none' && children[i].id != ('picdata_' + img.id))
		{
			var infofade=new Effect.Fade(children[i],{
				duration:.5, from: 1, to: 0 
			});	
			infofade.options.afterFinish=imgInfoLoadHandler(img.id, children[i].id);
			break;
		}
	}
		
    fade.options.afterFinish=imgLoadHandler;
}

function imgLoadHandler(){
    var full=document.getElementById("imgFull");
     
    full.src=selectedSrc;
    full.onload=imgFadeHandler;
}

function imgFadeHandler(){
    var full=document.getElementById("imgFull");
    var appear=new Effect.Opacity(full,{
        duration:.5,
        from:0,
        to:1
    });
}

function imgInfoLoadHandler(databoxid, killid) {
//	document.getElementById(killid).style.display = 'none';
//	document.getElementById('picdata_' + databoxid).style.display = 'block';
 	// alert(databoxid);
    var appear=new Effect.Appear(document.getElementById('picdata_' + databoxid),{
        duration:.5,
        from:0,
        to:1
    });
}

function imgMouseOverHandler(e){
    e=e?e:(window.event?event:null);
    var img=e.target?e.target:(e.srcElement?e.srcElement:null);
    img.className="thumbHover";
}

function imgMouseOutHandler(e){
    e=e?e:(window.event?event:null);
    var img=e.target?e.target:(e.srcElement?e.srcElement:null);
    img.className="thumbDefault";
}