var productPopupOpen = false;
var previewPopupOpen = false;

function createoverlay(){
    if(typeof document.body.style.maxHeight === "undefined") { // IE6
        $("#overlay").show;
    } else {
        var docHeight = $(document).height();
        $("#overlay")
          .height(docHeight)
          .css({
             'opacity' : 0.4,
             'position': 'fixed',
             'top': 0,
             'left': 0,
             'background-color': 'black',
             'width': '100%',
             'z-index': 100
          });
        $("#overlay").fadeIn(200);
    }
}

function deleteoverlay(){
    if(typeof document.body.style.maxHeight === "undefined") { // IE6
        $("#overlay").hide;
    } else {
        if ( $("#overlay").length > 0 ) {
           $("#overlay").fadeOut(200);
        }
    }
}

function productSlider(sKey, sDirection) {
    if (productPopupOpen == true) {

        if (sDirection == 'left') {
            $("#sitepopup div.popupContent").animate({marginLeft: '600px'}, 300, "easeOutQuad", function() {
                newproductSlide(sKey, sDirection);
            } );
        } else {
            $("#sitepopup div.popupContent").animate({marginLeft: '-600px'}, 300, "easeOutQuad", function() {
                newproductSlide(sKey, sDirection);
            } );
        }
    } else {
        newproductSlide(sKey);
    }

    return false;

}

function newproductSlide(sKey, sDirection) { 
    createoverlay();     
    $.getJSON("swis_website/modules/producten/models/getproduct.php", { naam_key: sKey }, function(json) { 

        var data = eval(json);
        var media = "";
        var text = "";
        /*laat plaatje/foto/media zien */
        if (data.afbeelding != '') {
            media = '<img src="images/cropped/150/130/'+ data.afbeelding +'" alt="'+ data.naam +'"><br>';
        } else {
            media = '<img src="images/cropped/150/130/images/no_product.gif" alt="'+ data.naam +'"><br>';         
        } 
         
        //vul teksten in
        media = media + '<em class="productPrice">&euro;'+ data.prijs +'</em>';
        media = media + '<h1>'+ data.naam +'</h1>';
        if (data.content) media = media + '<p>'+ data.content +'</p>';
        
        text = '<h2>Kies het gewenste aantal</h2><br>';
        if (data.bestel_form) text = text + '<span class="bestel">'+data.bestel_form+'</span>';
      
        $("#sitepopup .tekst").html(text);
        $("#sitepopup .media").html(media);

        $("#overlay").click( function() {
            closeproductSlider();
            return false;
        }); 

        //open popup als nodig
        if (productPopupOpen == false) {
            //mouseY = mouseY-220;
            //if (mouseY<0) mouseY=0;
            $("#sitepopup").show('normal');
            $("#sitepopup").css({
                //'top': (mouseY-220),
                'top': $("html").scrollTop()-200,
                'left': 100
            });     
            productPopupOpen = true;
        }

        //animeer alles in en uit beeld
        if (sDirection == 'left') {
            $("#sitepopup div.popupContent").css('margin-left', '-600px');
            $("#sitepopup div.popupContent").animate({marginLeft: '0px'}, 300, "easeOutQuad");
        } else {
            $("#sitepopup div.popupContent").css('margin-left', '600px');
            $("#sitepopup div.popupContent").animate({marginLeft: '0px'}, 300, "easeOutQuad");
        }

        return false;
    } );
}

function closeproductSlider() {
    deleteoverlay(); 
    $("#sitepopup").hide('normal');
    $("#sitepopup").removeClass("display");
    productPopupOpen = false;
    return false;
}

function preview(sKey, sDirection) {
    if (previewPopupOpen == true) {

        if (sDirection == 'left') {
            $("#preview div.popupContent").animate({marginLeft: '600px'}, 300, "easeOutQuad", function() {
                newfotoSlide(sKey, sDirection);
            } );
        } else {
            $("#preview div.popupContent").animate({marginLeft: '-600px'}, 300, "easeOutQuad", function() {
                newfotoSlide(sKey, sDirection);
            } );
        }
    } else {
        newPreview(sKey);
    }

    return false;

}

function newPreview(sKey, sDirection) { 
    createoverlay();
    $.getJSON("swis_website/modules/producten/models/getproduct.php", { naam_key: sKey }, function(json) { 

        var data = eval(json);
        var media = "";
        var titel = "";        
        var text = "";
        /*laat plaatje/foto/media zien */
        if (data.afbeelding != '') {
            media = '<img src="images/resized/430/230/'+ data.afbeelding +'" alt="'+ data.naam +'"><br>';
        } else {
            media = '<img src="images/resized/430/230/no_photo.gif" alt="'+ data.titel +'"><br>'; 
        } 
        //$("#popup .media").html('');

        //vul teksten in
        var titel = data.naam;
        var text = data.content_lang;
        //var orderLink = "closePreview(); productSlider('"+ data.naam_key +"'); return false;";
        
        $("#preview .foto").html(media);
        $("#preview .titel").html(titel);
        $("#preview .text").html(text);
        $("#preview .order a").click(function() {
            closePreview();
            productSlider(data.naam_key);
            return false;
        });
        
        $("#overlay").click( function() {
            closePreview();
            return false;
        }); 
        
        //open popup als nodig
        if (previewPopupOpen == false) {
            //mouseY = mouseY-220;
            //if (mouseY<0) mouseY=0;
            $("#preview").show('normal');
            $("#preview").css({
                //'top': (mouseY-240),
                'top': $("html").scrollTop()-200,
                'left': 100
            });                                           
            previewPopupOpen = true;
        }

        //animeer alles in en uit beeld
        if (sDirection == 'left') {
            $("#preview div.popupContent").css('margin-left', '-600px');
            $("#preview div.popupContent").animate({marginLeft: '0px'}, 300, "easeOutQuad");
        } else {
            $("#preview div.popupContent").css('margin-left', '600px');
            $("#preview div.popupContent").animate({marginLeft: '0px'}, 300, "easeOutQuad");
        }

        return false;

    } );

}

function closePreview() {
    deleteoverlay();
    $("#preview").hide('normal');
    $("#preview").removeClass("display");
    previewPopupOpen = false;
    return false;
}

/*
var mouseX = 0;
var mouseY = 0;

$().mousemove( function(e) {
   mouseX = e.pageX; 
   mouseY = e.pageY;
 });
 */
 
/*
$().scroll( function(e) {
    //kijk of er een preview open is
    //zo ja, scroll deze dan mee
    var oPreview = $("#preview");
    if ((oPreview.length > 0) && ($(oPreview).css('display') == 'block')) {
        $("#preview").css('top', $("html").scrollTop()-200);
        //$("#preview").animate({top: $("html").scrollTop()-200}, 300, "easeOutQuad");
    }
});
*/