function OpenDiv() {
    var elem = document.getElementById('divPopUp');
    elem.style.display = (elem.style.display == "none") ? "" : "none";
}

var elem = document.getElementById('divAanbodPopUp');
var module = getQueryVariable("m");
var action = getQueryVariable("a");

/*window.onresize = Move;

if (elem && module == "aanbod" && action == "detail") {
Move();
}
else
document.getElementById('divAanbodPopUp').style.display = "none";
*/

function Move() {
    var w = document.body.clientWidth;
    if (w > 1000)
        var side = (w - 1000) / 2 + 560;
    else
        var side = 560;

    elem.style.top = "260px";
    elem.style.left = side + "px";
}

function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
}

// link naar auto detail
function showDetail(pID) {
    location.href = 'default.aspx?m=aanbod&a=detail&kenteken=' + pID;
}

// Afbeelding wisselaar bij auto detail
function changePicture(id) {
    var image = document.getElementById('mainPicture');
    image.src = '../../img/autos/' + id;
}


/* ================================================================================== */
/* jQuery onloads */
$(function() {

    // links voorzien van target="_blank"
    $('a[href^=http]').attr('target', '_blank');
    $('a[href$=pdf]').attr('target', '_blank');

    //http://sorgalla.com/projects/jcarousel/#Configuration
    //http://groups.google.com/group/jquery-en/browse_thread/thread/df898a26e3196b90?pli=1
    //    jQuery('#mycarousel').jcarousel({
    //        auto: 1,
    //        scroll: 1,
    //        easing: 'linear',
    //        itemVisibleInCallback: { onBeforeAnimation: mycarousel_itemVisibleInCallback}//,
    //        //itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    //    });

    $(".JMyCarousel").jMyCarousel({
        visible: '100%',
        auto: true,
        speed: 900,
        circular: true
    });

    // modal window images preload
    function preloadImg(image) {
        var img = new Image();
        img.src = image;
    }

    preloadImg('stylefile.ashx/images/jquery_nyroModal/ajaxLoader.gif');
    preloadImg('stylefile.ashx/images/jquery_nyroModal/prev.gif');
    preloadImg('stylefile.ashx/images/jquery_nyroModal/next.gif');
    preloadImg('stylefile.ashx/images/jquery_nyroModal/close.gif');

    // Modal window (default) settings
    $.fn.nyroModal.settings.debug = false;
    $.fn.nyroModal.settings.modal = false;
    $.fn.nyroModal.settings.minWidth = 320;
    $.fn.nyroModal.settings.minHeight = 240;
    $.fn.nyroModal.settings.titleFromIframe = false;
    $.fn.nyroModal.settings.closeButton = '<a href="#" class="nyroModalClose" id="closeBut" title="Sluit venster">Sluit venster</a>';

    /*
    $('.nyroModalIframe').click(function(e) {
    e.preventDefault();
    $('.nyroModalIframe').nyroModal({
    bgColor: '#000000',
    width: 640, //$(window).width(),
    height: 480//$(window).height()
    });

        return false;
    });
    */

    
    

    // nodig voor laden van de overlay in een iframe
    $('.nyroModalIframe').attr('target', '_blank');

    // iframe settings
    $('.nyroModalIframe').nyroModal({
        bgColor: '#000000',
        width: 640,
        height: 480
    });   

});

///**
//* Item html creation helper.
//*/
//function mycarousel_getItemHTML(item) {
//    //LET OP: Hoogte aanpassingen ook in config en css
//    if (item.link == undefined)
//        return '<img src="' + item.url + '" width="163" height="125" alt="' + item.title + '" />';
//    else
//        return '<a href="' + item.link + '"><img src="' + item.url + '" width="163" height="125" alt="' + item.title + '" /></a>';
//};

//function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt) {
//    // The index() method calculates the index from a
//    // given index who is out of the actual item range.
//    var idx = carousel.index(i, mycarousel_itemList.length);
//    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
//};

//function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt) {
//    carousel.remove(i);
//};