﻿// JScript File
var SelectedMenuItemNumber = -1;
var PageSelectedImage = 0;
var ReDirectPages = new Array("dummy","Linderveld.aspx","Fotos.aspx","Tarieven.aspx","Beschikbaarheid.aspx","Route.aspx","Links.aspx");
var BlockMenuItemOut = false;

function OnMenuItemOver(number)
{
    //alert('in OnMenuItemOver: '+number);
    var menuItemTemp;
    for(var i = 1; i<10; i++)
    {
        if(i!=SelectedMenuItemNumber)
        {
            //alert('in OnMenuItemOver 2');
            //document.getElementById('menuItemLeft'+i).style.visibility="hidden";
            if(menuItemTemp = $('menuItem'+i))
            {
                menuItemTemp.className = "divMenuItem styleMenuImage";
            }
            
            //document.getElementById('menuItemRight'+i).style.visibility="hidden";
        }
    }
    //document.getElementById('menuItemLeft'+number).style.visibility="visible";
    if(menuItemTemp = $('menuItem'+number))
    {
        menuItemTemp.className = "divMenuItemOver styleMenuImage";
    }
    //alert('nu');
    //alert($('menuItem'+number).style.width);
    //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<7; i++)
    {
        if(i!=SelectedMenuItemNumber)
        {
            //$('menuItemLeft'+i).style.visibility="hidden";
            if(menuItemTemp = $('menuItem'+i))
            {
                menuItemTemp.className = "divMenuItem styleMenuImage";
            }
           // $('menuItemRight'+i).style.visibility="hidden";
        }
    }
    }
}

function InitSite()
{
   OnMenuItemClick('1');
    GetImages();
    //OnMenuItemClick(1);
    //TestImagesLoaded();
}



function SetMenuItem(number)
{
    SelectedMenuItemNumber = number;
    if(menuItemTemp = $('menuItem'+number))
    {
        menuItemTemp.className = "divMenuItemOver styleMenuImage";
    }
}

function OnMenuItemClick(number)
{
    //alert("In OnMenuItemClick "+number);
    if(SelectedMenuItemNumber!= number)
    {
        PageSelectedImage = 0;
        SelectedMenuItemNumber = number;
        window.location = ReDirectPages[number];
        //alert('in OnMenuItemOver');
        for(var i = 1; i<7; i++)
        {
            if(menuItemTemp = $('menuItem'+i))
            {
                menuItemTemp.className = "divMenuItem styleMenuImage";
            }
        }
        if(menuItemTemp = $('menuItem'+number))
        {
            menuItemTemp.className = "divMenuItemOver styleMenuImage";
        }
    } 
//      $("spanImageRightProducts").style.display="none";
//      $("spanImageRightNews").style.display="none";
//   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();
//        
//            //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"; 
}
