/* initialize jQuery functions when document is ready */
$(function(){

    /* add shadows to box elements */
    $("table.ebBox").after('<div class="boxShadow">&nbsp;</div>'); 
    $("div.ebProductNormal").after('<div class="boxShadow">&nbsp;</div>'); 
 
    /*  stripe tables:
        - all even rows in tables with class 'stripeMe' will be given an extra class 'alt'. 
        - e.g. use '.stripeMe tr' in css for uneven rows, '.stripe tr.alt' for even rows
    */
    $('.stripeMe tr:even').addClass('alt'); 

    /* bind add to basket buttons */
    // todo: onclick events uit product templates. 
    // $('.ebButton.addtobasket').click(addToBasket);

}); 

function addToBasket() {
    if(typeof($(this).attr('name')) != 'undefined') {
        $(this).TransferTo(
            {
                to: 'ebBasketBox'
                , className: 'ebTransferer'
                , duration: 500
                , complete: function() {
                    var nProductId = $(this).attr('name').split('_')[1];
                    var nQuantity = 1; 
                    $.get('rightclick-ajax.cfm?id=1267219', {product_id: nProductId, quantity: nQuantity}, function(sHtml) {
                        $('#ebBasketBox').html(sHtml);   
                    });
                }
            }
        );
    }
}

function fixPng() {
    var arVersion = navigator.appVersion.split("MSIE")
    var version = parseFloat(arVersion[1])
 
    if ((version >= 5.5) && (document.body.filters)) {
        for(var i=0; i<document.images.length; i++) {
            var img = document.images[i]
            var imgName = img.src.toUpperCase()
            if (imgName.substring(imgName.length-3, imgName.length) == "PNG") {
                var imgID = (img.id) ? "id='" + img.id + "' " : ""
                var imgClass = (img.className) ? "class='" + img.className + "' " : ""
                var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
                var imgStyle = "display:inline-block;" + img.style.cssText 
                if (img.align == "left") imgStyle = "float:left;" + imgStyle
                if (img.align == "right") imgStyle = "float:right;" + imgStyle
                if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
                var strNewHTML = "<span " + imgID + imgClass + imgTitle
                    + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
                    + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                    + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
                img.outerHTML = strNewHTML
                i = i-1
            }
        }
    }
}
window.onload = fixPng.andThen(window.onload);