﻿// JScript File
var SelectedMenuItemNumber = -1;
var PageSelectedImage = 0;

var BlockMenuItemOut = false;

function OnMenuItemOver(number) {
    //alert('in OnMenuItemOver');
    for (var i = 1; i < 8; i++) {
        if (i != SelectedMenuItemNumber) {
            document.getElementById('menuItemLeft'+i).style.visibility="hidden";
            document.getElementById('menuItem'+i).className = "divMenuItem";
            document.getElementById('menuItemRight'+i).style.visibility="hidden";
        }
    }
    document.getElementById('menuItemLeft'+number).style.visibility="visible";
    document.getElementById('menuItem'+number).className = "divMenuItem  divMenuItemOver";
    document.getElementById('menuItemRight'+number).style.visibility="visible";
    BlockMenuItemOut = true;
    setTimeout("FreeMenuItemOut()",10);
}

function SetBlockMenuItemOut() {
    BlockMenuItemOut = true;
    setTimeout("FreeMenuItemOut()",10);
}


function FreeMenuItemOut() {
    BlockMenuItemOut = false;
}

function OnMenuItemOut() {
    if (!BlockMenuItemOut) {
        for (var i = 1; i < 8; i++) {
            if (i != SelectedMenuItemNumber) {
            $('menuItemLeft'+i).style.visibility="hidden";
            $('menuItem'+i).className = "divMenuItem";
            $('menuItemRight'+i).style.visibility="hidden";
        }
    }
    }
}

function InitSite() {
   OnMenuItemClick('1');
    GetImages();
    //OnMenuItemClick(1);
    //TestImagesLoaded();
}


//function OnMenuItemClickRedirect(number) {
//    if (number == 6) //nieuwsbrief
//    {
//        window.location = "/nieuwsbrief.aspx";
//    }

//}


function OnMenuItemClick(number) {
    //alert("In OnMenuItemClick "+number);
    if (SelectedMenuItemNumber != number) {
        PageSelectedImage = 0;
        SelectedMenuItemNumber = number;
        //alert('in OnMenuItemOver');
        for (var i = 1; i < 8; i++) {
            $('menuItemLeft'+i).style.visibility="hidden";
            $('menuItem'+i).className = "divMenuItem";
            $('menuItemRight'+i).style.visibility="hidden";
        }
        $('menuItemLeft'+number).style.visibility="visible";
        $('menuItem'+number).className = "divMenuItem  divMenuItemOver";
        $('menuItemRight'+number).style.visibility="visible";
    } 
    $("spanTextMiddleContent").style.display = "block";
      $("spanImageRightProducts").style.display="none";
      $("spanImageRightNews").style.display="none";
    if( $("divRegisterMailing"))
    {
    $("divRegisterMailing").style.display = "none";
} 
    //if (number != 6) {
        ChangePageSelectedImage(PageSelectedImage);
   // }
    GetText(number);
    switch (number) {
        case "0":
            
            //location = "/Home.aspx";
            break;
        case "1": 
            //alert("location", location.toString());
            //location = "/Producten.aspx";
             $("spanImageRightNews").style.display="block";
            GetNews();
            break;
        case "2": 
            $("spanImageRightProducts").style.display="block";
            GetProducts();
            break;
        case "6":
            $("spanTextMiddleContent").style.display = "none";
            $("divRegisterMailing").style.display = "block";
            //alert("location", location.toString());
            //location = "/Productoverzicht.aspx";
            break;
        default :
            //location="/home.aspx";
            break;
    }
    
    
    
    
}


function ImagePrevious() {
    PageSelectedImage =PageSelectedImage - 1;
    ChangePageSelectedImage(PageSelectedImage);
}

function ImageNext() {
    PageSelectedImage =PageSelectedImage + 1;
    ChangePageSelectedImage(PageSelectedImage);
}

function ChangePageSelectedImage(imageNumber) {
    if (ImagesLoaded) {
        pageNumber = SelectedMenuItemNumber-1;
        var imageLinks = "";
        imageLinks = "<div class='divImageLinks'>"+imageLinks+"</div>";
        var temp;
        if (PageImages[pageNumber][PageSelectedImage] != null) {
           temp = PageImages[pageNumber][PageSelectedImage];
        }
        else if (PageSelectedImage < 0) {
           var lenght = PageImages[pageNumber].length;
           temp = PageImages[pageNumber][lenght-1];
           PageSelectedImage = lenght-1;
        }
        else {
           temp = PageImages[pageNumber][0];
           PageSelectedImage = 0;
        }
        
        if (PageImages[pageNumber][0] != null && PageImages[pageNumber][1] != null) {
            imageLinks =  "<table top='0px' cellpadding='0px' cellspacing='0px' border='0px' style='width:100%;height:20px; '>"+
                          "<tr>"+
                          "<td style='width:50%; text-align:left;height:20px;vertical-align:middle;'>"+
                          "&nbsp;"+(PageSelectedImage+1).toString() + "/"+ PageImages[pageNumber].length.toString() +
                          "</td>"+
                          "<td style='width:50%; text-align:right;height:20px;'>"+
                          "<span onclick='ImagePrevious()' class='spanPictureArrow'><img src='/images/pijl_back.jpg' border='none' align='absmiddle'  /></span>&nbsp;"+
                          "<span onclick='ImageNext()' class='spanPictureArrow'><img src='/images/pijl_forward.jpg' border='none' align='absmiddle'  /></span>"+
                          "</td>"+
                          "</tr>"+
                          "</table>";
        }
        $("spanImageMiddleImage").innerHTML =  "<img src='"+temp+"' border='none'  />";
        $("spanUnderImage").innerHTML = imageLinks;
    }
}

function ProductLinkOver(number) {
    for (var i = 1; i < 8; i++) {
        if ($('ProductLink' + i)) {
            $('ProductLink'+i).className="Productlink";
        }
       }
        $('ProductLink'+number).className="ProductlinkSelected"; 
}


function LinkButtonSignIn_Click() {
    $('div_SignIn').style.display = "block";
    $('div_SignOut').style.display = "none";
}

function LinkButtonSignOut_Click() {
    $('div_SignIn').style.display = "none";
    $('div_SignOut').style.display = "block";
}