var SiteUrl = "http://www.dsmtrotting.com/";

$(document).ready(function() {
    getSiteUrl();
    if ($.browser.msie) {
        fixTransparentPNG();

        $('#menu li').hover(function() {
            $(this).addClass('menuhover');
        }, function() {
            $(this).removeClass('menuhover');
        });
    }

    setSelectedMenuItem();
    setButtonOvers();
});

function setButtonOvers() {
    $(".button a").hover(function() {
        $(this).children(".buttonLeft").eq(0).attr("src", "../images/button-left-over.png");
        $(this).children(".buttonRight").eq(0).attr("src", "../images/button-right-over.png");
        fixTransparentPNG();
    }, function() {
        $(this).children(".buttonLeft").eq(0).attr("src", "../images/button-left.png");
        $(this).children(".buttonRight").eq(0).attr("src", "../images/button-right.png");	
        fixTransparentPNG();
    });

    $(".button").hover(function() {
        $(this).children(".buttonLeft").eq(0).attr("src", "../images/button-left-over.png");
        $(this).children(".buttonRight").eq(0).attr("src", "../images/button-right-over.png");
        fixTransparentPNG();
    }, function() {
        $(this).children(".buttonLeft").eq(0).attr("src", "../images/button-left.png");
        $(this).children(".buttonRight").eq(0).attr("src", "../images/button-right.png");
        fixTransparentPNG();
    });
}

function setSelectedMenuItem()
{
    //"usedproducts" moet voor "products" komen in lijst, anders wordt de "products" code genomen voor "usedproducts" aangezien de tekst "products" in de tekst "usedproducts" zit
    var url = window.location.href.toLowerCase();
    var arrPages = ["default.aspx", "usedproducts.aspx", "products.aspx", "product.aspx" ,"productoverview.aspx", "showroom.aspx", "cart.aspx", "order.aspx", "voorwaarden.aspx", "route.aspx", "contact.aspx"];
    var arrItems = ["item0", "item2", "item1", "item1", "item1",  "item3", "item4", "item4", "item5", "item6", "item7"];
     
    for (var k=0; k < arrPages.length; k++) {
        if (url.indexOf(arrPages[k]) != -1) {      
            var itemName = arrItems[k];
            $("#" + itemName).removeClass();
            $("#" + itemName).addClass("selected");
            
            break;
        }
    }
}

function fixTransparentPNG() {
    var browser = navigator.appVersion.indexOf("MSIE");
    var versie = parseInt(navigator.appVersion.substr(browser+4, 4));

    if (versie < 7) {
        $('img[@src$=.png]').ifixpng(); // Transparante PNG fix voor < IE6
    }
}

/*popup pic*/
function PopupPic(image_url) {
    window.open("" + SiteUrl + "ImagePopup.aspx?ID=" + image_url + "", "", "width=400,height=400,resizable,scrollbars=no,status=0");
}

function fitPic() {
    if (window.innerWidth) {
        iWidth = window.innerWidth;
        iHeight = window.innerHeight;
    } else {
        iWidth = document.body.clientWidth;
        iHeight = document.body.clientHeight;
    }
    iWidth = document.images[0].width - iWidth;
    iHeight = document.images[0].height - iHeight;

    window.resizeBy(iWidth, iHeight);
}

/* Opvragen SiteUrl */
function getSiteUrl() {
    realtime.GetSiteUrl(onSucceededSiteUrl, OnFailedSiteUrl);
}

function onSucceededSiteUrl(result, userContext, methodName) {
    // SiteUrl haalt asynchroon de SiteUrl uit de web.config.
    // Omdat de slideshows pas mag gestart worden als SiteUrl goed
    // opgehaald is, starten we hier de slideshows.
    SiteUrl = result;

    WaitForSiteUrl();
}

function OnFailedSiteUrl(error, userContext, methodName) {
    //alert("Er was een probleem bij het ophalen van de siteurl. Probeer opnieuw aub");

    WaitForSiteUrl();
}

function WaitForSiteUrl() {
    //temp   
}