// JavaScript File


function menuImage(image, src, span)
{
    image.src = src;
    if( span != "" ) { image.style.cursor = "hand"; }
    //hiddenSpan(span);
}

//////////////////////////////////////////////////////////////////////////

function showSpan(visibleSpan)
{
    var spans = ["spanHome", "spanEvents", "spanGallery", "spanContact"];
    var temp = null;
    for(var i=0; i<spans.length; i++)
    {
        temp = document.getElementById(spans[i]);
        temp.style.visibility = "hidden";       
    }
    temp = document.getElementById(visibleSpan);
    temp.style.visibility = "visible";
}

//////////////////////////////////////////////////////////////////////////

function moveForward()
{
    var index = Math.abs(document.getElementById("hdnIndex").value);
    var count = Math.abs(document.getElementById("hdnCount").value);
    if( index < count ) { index++; }
    document.getElementById("hdnIndex").value = index; 
    SetButtons();
    SetImagesPage(index);
   
}

////////////////////////////////////////////////////////////////////////////////////

function moveBack()
{
    var index = Math.abs(document.getElementById("hdnIndex").value);
    if( index > 1 ) { index--; }
    document.getElementById("hdnIndex").value = index; 
    SetButtons();
    SetImagesPage(index);
}

////////////////////////////////////////////////////////////////////////////////////

function SetImagesPage(index)
{
    var allSpans = new Array("spanGal1", "spanGal2");
    var strSpan = "SpanGal" + String(index);
    var spanVisible = document.getElementById(strSpan);
    
    for(var i=0; i<allSpans.length; i++) {
        var span = document.getElementById("SpanGal" + String(i+1));
        if( index == (i+1) ) {
            span.style.visibility = "visible";
        }
        else {
            span.style.visibility = "hidden";  
        }
    }  
//    //var spanFirst = document.getElementById("spanGal1");
//    //spanNext.style.visibility = "hidden";
//    //spanFirst.style.visibility = "visible";
}
///////////////////////////////////////////////////////////////////////////////////////

//function clearPreview()
//{
//    var img = document.getElementById("imgPreview");
//    img.src = "";
//    img.style.visibility = "hidden"; 
//    
//    var txt = document.getElementById("txtTitle");
//    txt.style.visibility = "hidden";
//    txt.value = "";
//    
//    txt = document.getElementById("txtDescription");
//    txt.style.visibility = "hidden";
//    txt.value = "";
//    
//    txt = document.getElementById("txtClear");
//    txt.style.visibility = "hidden";
//    txt.value = "";
//}

///////////////////////////////////////////////////////////////////////////////////////

function moveNextImages(button, over)
{
    var count = Math.abs(document.getElementById("hdnCount").value);
    var index = Math.abs(document.getElementById("hdnIndex").value);
    
    if( index == count ) {
        button.src="images/img_forward_disabled.gif";
        button.style.cursor = "none"; 
    }
    else {
        if( over == true ) { 
            button.src="images/img_forward_over.gif"; 
            button.style.cursor = "hand";
        } 
        else { button.src="images/img_forward.gif"; } 
        clearPreview();
    }
    
    
//    var result = SetButtons();
//    
//    if( result < 2 ) {
//        button.style.cursor = "hand";
//        button.src="images/img_forward_over.gif";
//        clearPreview();
//    }
    
    
    
    //DisableBackButton();
    
    //var spanFirst = document.getElementById("spanGal1");
    //var spanNext = document.getElementById("spanGal2");
    //spanFirst.style.visibility = "hidden";
    //spanNext.style.visibility = "visible";
//    button.style.cursor = "hand";
//    button.src="images/img_forward_over.gif";
//    clearPreview();
}

///////////////////////////////////////////////////////////////////////////////////////

function moveFirstImages(button, over)
{
    var index = Math.abs(document.getElementById("hdnIndex").value);
    
    if( index == 1 ) {
        button.src="images/img_back_disabled.gif";
        button.style.cursor = "none"; 
    }
    else {
        if( over == true ) { 
            button.src="images/img_back_over.gif"; 
            button.style.cursor = "hand";
        } 
        else { button.src="images/img_back.gif"; } 
        clearPreview();
    }
    
    
    
    //var button = document.getElementById("imgBack");
//    var result = SetButtons();
//    if( result > 0 ) {
//        button.style.cursor = "hand";
//        button.src="images/img_forward_over.gif";
//        clearPreview();
//    }
//    var result = DisableBackButton();
//    if( result == 1 ) return false;
//    //var spanNext = document.getElementById("spanGal2");
//    //var spanFirst = document.getElementById("spanGal1");
//    //spanNext.style.visibility = "hidden";
//    //spanFirst.style.visibility = "visible";
//    button.style.cursor = "hand";
//    button.src="images/img_back_over.gif";
//    clearPreview();
}

//////////////////////////////////////////////////////////////////////////////////////////

//function DisableBackButton()
//{
//    var index = Math.abs(document.getElementById("hdnIndex").value);
//    //alert(index);
//    var button = document.getElementById("imgBack");
//    if( index == 1 ) { 
//        //alert(index);
//        button.src="images/img_back_disabled.gif";
//        return 1;
//    }
//    else {
//        button.src="images/img_back.gif";
//        return 0;
//    }
//}

//////////////////////////////////////////////////////////////////////////////////////////

//function DisableFirstButton(count, index)
//{
//    var button = document.getElementById("imgForward");
//     if( index == count ) {
//        button.disabled = true;
//        button.src = "images/img_forward_disabled.gif";
//        return;
//    }
//    else if( index < count ) {
//        button.disabled = false;
//        button.src = "images/img_forward.gif";
//    }
//    else {
//        return;
//    }
//    
//    
//    
//    
//    var index = Math.abs(document.getElementById("hdnIndex").value);
//    //alert(index);
//    var button = document.getElementById("imgBack");
//    if( index == 1 ) { 
//        //alert(index);
//        button.src="images/img_back_disabled.gif";
//        return 1;
//    }
//    else {
//        button.src="images/img_back.gif";
//        return 0;
//    }
//}

/////////////////////////////////////////////////////////////////////////////////////////

function SetButtons()
{
    var count = Math.abs(document.getElementById("hdnCount").value);
    var index = Math.abs(document.getElementById("hdnIndex").value);
    var buttonForward = document.getElementById("imgForward");
    var buttonBack = document.getElementById("imgBack");
  
    if( index == 1) {
        buttonBack.src="images/img_back_disabled.gif";
        buttonForward.src="images/img_forward.gif";
        buttonBack.style.cursor = "none";
        //return 0;
    }
    else if( index < count )
    {
        buttonBack.src="images/img_back.gif";
        buttonForward.src="images/img_forward.gif";
        //return 1;   
    }
    else if( index == count )
    {
        buttonBack.src="images/img_back.gif";
        buttonForward.src="images/img_forward_disabled.gif";
        buttonForward.style.cursor = "none";
        //return 2;   
    }    
    
}

//////////////////////////////////////////////////////////////////////
    
function openLink(url)
{
    var w = window.open(url,"newWindow","left=0,top=0,width=1000,height=600,toolbar=yes,resizable=yes,location=yes,scrollbars=yes,status=yes");
   
}