var selectedItem = null;
function ToggleState(object)
{
    if(selectedItem != null)
    {
        var items = selectedItem.getElementsByTagName("ul");
        if(items.length > 0)
        {
            items[0].style.display = "none";
        }
    }
    if(object.parentNode != selectedItem)
    {
        var items = object.parentNode.getElementsByTagName("ul");
        if(items.length > 0)
        {
            items[0].style.display = "block";
        }
        selectedItem = object.parentNode;
    }
    else
    {
        selectedItem = null;
    }
}

function SelectGalleryImage(imageSrc)
{
    document.getElementById("ImageLoader").style.display = "block";
    var imageObject = new Image();
    imageObject.onload = function(){ImageLoaded(this)};
    imageObject.onerror = function(){NotFound()};
    imageObject.src="images/about/social/full/"+imageSrc;
}

function ImageLoaded(object)
{
    document.getElementById('MainImage').src=object.src;
    document.getElementById( "ImageLoader").style.display = "none";
    object = null;
}

function NotFound()
{
    alert("Image Not Found.");
    document.getElementById( "ImageLoader").style.display = "none";
}

var i = 1;
function RotateImage()
{
    i = i + 1;
    
    if(i > 2)
    {
        i = 1;
    }
    selHistory("History"+i+".jpg");
}

function selHistory(imageSrc)
{
    var imageObject = new Image();
    imageObject.onload = function(){HistImageLoaded(this)};
    imageObject.src="images/about/social/full/"+imageSrc;
}

function HistImageLoaded(object)
{
    document.getElementById("bgDiv").style.background = "url('"+document.getElementById('MainImage').src+"')";
    var t1 = setTimeout("SetOpacity('MainImage',1)",1000);
    var t2 = setTimeout("SetImageToLocal('"+object.src+"')",1000)
    var t3 = setTimeout("SetImageOpacity(0)",1000);
    object = null;
}

function SetImageToLocal(imageSrc)
{
    document.getElementById('MainImage').src = imageSrc;
}

function SetImageOpacity(opacity)
{
    if(opacity < 100)
    {
        opacity = Number(opacity) + 5;
        SetOpacity('MainImage',opacity);
        var t = setTimeout("SetImageOpacity('"+opacity+"')",70);
    }
    else
    {
        var t  = setTimeout("RotateImage()",4000);
    }
}

function SetOpacity(object,level)
{
    document.getElementById(object).style.filter = "Alpha(opacity='"+level+"')";
    document.getElementById(object).style.mozOpacity = (Number(level)/100);
    document.getElementById(object).style.opacity = (Number(level)/100);
    document.getElementById(object).setAttribute("opacity",level);
}