(function($) {

    $('.subMenuHome').find('li.active').each(function() {

        $(this).parents('li.active').removeClass('active');
        $(this).parents('ul').addClass('active');
        $(this).parents('li').addClass('subActive');
        $('#subMenu ul.level2').removeClass('active');
    });
    window.Hakvoort = {};

    Hakvoort.updateMenuShoppingCart = function(productCount) {
        this.$menuShoppingCart = this.$menuShoppingCart || $('.menuItem-155 a span');

        if(this.$menuShoppingCart.length > 0) {
            this.$menuShoppingCart.html(productCount);
        }
    };

    Hakvoort.updateMenuFavorites = function(productCount) {
        this.$menuFavorites = this.$menuFavorites || $('.menuItem-153 a span');

        if(this.$menuFavorites.length > 0) {
            this.$menuFavorites.html(productCount);
        }
    };

    Hakvoort.updateMenuCompare = function(productCount) {
        this.$menuCompare = this.$menuCompare || $('.menuItem-154 a span span');

        if(this.$menuCompare.length > 0) {
            this.$menuCompare.html(productCount);
        }
    };

    Hakvoort.increaseMenuShoppingCartBy = function(productCount) {
        var oldCount = parseInt($('.menuItem-155 a span').html(), 10);

        oldCount = isFinite(oldCount) ? oldCount : 0;
        var productCount = oldCount + productCount;
        Hakvoort.updateMenuShoppingCart(productCount);
    };

    $('#keywords').each(function() {
        $(this).val($(this).attr('title')).addClass('grayedOut')
    }).focus(function() {
        if($(this).val() == $(this).attr('title')) $(this).val('').removeClass('grayedOut')
    }).blur(function(){
        if($(this).val() == '') $(this).val($(this).attr('title')).addClass('grayedOut')
    }).trigger('blur')

    homeVisual();
    productenVisual();

    $("#refThumbs a").click(
        function() {
            var img = $(this).attr('href');
            $("#chimg").css('background', 'url(' + img + ') no-repeat scroll center center transparent');
            $("#refThumbs li").removeClass("active");
            $(this).parent().addClass("active");

            return false;
        }
        );

    function homeVisual()
    {
        if ($('#homeBanner').length == 0 && $('#productsBanner').length == 0) {
            return false;
        } else if($('#homeBanner').length > 0) {
            var bannerId = 'homeBanner';
        } else {
            var bannerId = 'productsBanner';
        }

        // Vars
        window.homeVisualInteraction = false;   // Legt vast of de user hovert over de visual. De automatische slideshow moet dan namelijk stoppen.

        var visualtijd = 4000;
        var GLOBAL = {};

        if (visualtijd > 500)
        {
            overgangSnelheid = visualtijd;
        }
        else
        {
            overgangSnelheid = 3500;
        }

        // Elms
        var $visualsLis =  $('ul#visuals li');
        var $pagesUl = $('<ul id="visualPaging"></ul');
        $pagesUl.appendTo('#' + bannerId);

        // Doorloop li's en maak paginanummer aan
        $visualsLis.each(function(index){
            if ($visualsLis.length == 1) return false;

            var $pageLi = $('<li>'+(index+1)+'</li>')
            $pageLi.appendTo($pagesUl);

            $pageLi.click(function(){
                showVisual(index)
            })
        })

        // Leg vast als er user interaction is
        $pagesUl.find('li').add($visualsLis).hover(function(){
            window.homeVisualInteraction = true;
        }, function(){
            window.homeVisualInteraction = false;
        });

        // Functions
        function slideShow() {
            if (window.homeVisualInteraction) return false;
            if(GLOBAL.currVisual == $visualsLis.length-1 ) GLOBAL.currVisual = -1;
            showVisual(GLOBAL.currVisual+1)
        }

        function showVisual(nummer) {
            if (GLOBAL.currVisual == nummer) return false;
            GLOBAL.currVisual = nummer;
            $pagesUl.find('li').removeClass('active')
            $pagesUl.find('li:eq('+nummer+')').addClass('active');

            $visualsLis.each(function(index){
                if(index == nummer) {
                    $(this).css({
                        display:'block',
                        opacity:0,
                        zIndex:10
                    }).animate({
                        opacity:1
                    },500);
                } else {
                    $(this).css({
                        display:'block',
                        zIndex:5
                    }).animate({
                        opacity:0
                    },500);
                }
            })
        }

        // Init
        $visualsLis.css({
            display:'block',
            opacity:1
        });

        if($visualsLis.length > 1) {
            showVisual(0);
            GLOBAL.visualIv = setInterval(slideShow,overgangSnelheid)
        } else {
            $pagesUl.find('li:eq(0)').show();
        }
    }
    function productenVisual(){
        if ($('#producten').length == 0 && $('#productsBanner').length == 0) {
            return false;
        } else if($('#producten').length > 0) {
            var bannerId = 'producten';
        } else {
            var bannerId = 'homeBanner';
        }

        // Vars
        window.homeVisualInteraction = false;   // Legt vast of de user hovert over de visual. De automatische slideshow moet dan namelijk stoppen.

        var visualtijd = 4000;
        var GLOBAL = {};

        if (visualtijd > 500)
        {
            overgangSnelheid = visualtijd;
        }
        else
        {
            overgangSnelheid = 3500;
        }

        // Elms
        var $visualsLis =  $('ul#visuals li');
        var $pagesUl = $('<ul id="visualPaging"></ul');
        $pagesUl.appendTo('#' + bannerId);

        // Doorloop li's en maak paginanummer aan
        $visualsLis.each(function(index){
            if ($visualsLis.length == 1) return false;

            var $pageLi = $('<li>'+(index+1)+'</li>')
            $pageLi.appendTo($pagesUl);

            $pageLi.click(function(){
                showVisual(index)
            })
        })

        // Leg vast als er user interaction is
        $pagesUl.find('li').add($visualsLis).hover(function(){
            window.homeVisualInteraction = true;
        }, function(){
            window.homeVisualInteraction = false;
        });

        // Functions
        function slideShow() {
            if (window.homeVisualInteraction) return false;
            if(GLOBAL.currVisual == $visualsLis.length-1 ) GLOBAL.currVisual = -1;
            showVisual(GLOBAL.currVisual+1)
        }

        function showVisual(nummer) {
            if (GLOBAL.currVisual == nummer) return false;
            GLOBAL.currVisual = nummer;
            $pagesUl.find('li').removeClass('active')
            $pagesUl.find('li:eq('+nummer+')').addClass('active');

            $visualsLis.each(function(index){
                if(index == nummer) {
                    $(this).css({
                        display:'block',
                        opacity:0,
                        zIndex:10
                    }).animate({
                        opacity:1
                    },500);
                } else {
                    $(this).css({
                        display:'block',
                        zIndex:5
                    }).animate({
                        opacity:0
                    },500);
                }
            })
        }

        // Init
        $visualsLis.css({
            display:'block',
            opacity:1
        });

        if($visualsLis.length > 1) {
            showVisual(0);
            GLOBAL.visualIv = setInterval(slideShow,overgangSnelheid)
        } else {
            $pagesUl.find('li:eq(0)').show();
        }
    }

    var sections = [];

    $('#detailTabs li a').each(function(index) {

        sections.push($($(this).attr('href')));

        if(index == 0) {
            sections[0].show();
        }

        $(this).add('#btnMaatwerk').click(function() {
            $('#detailTabs li').removeClass('active');
            $(this).parent().addClass('active');

            if($(this).attr('id') == 'btnMaatwerk') {
                $('#detailTabs li a[href="#maatwerk"]').parent().addClass('active');
                $.scrollTo('#maatwerk',500);
            }

            $.each(sections, function() {
                $(this).hide();
            });

            $($(this).attr('href')).show();

            return false;
        });
    });

    $('.menuItem-155 a').bind('click', function(e) {
        e.preventDefault();

        $('.panel').hide();
        $('#cartPanel').html('').show().load(window.localeCode+'/index.html/ajax/shoppingcart/', function() { });
    });

    $('.menuItem-153 a').bind('click', function(e) {
        e.preventDefault();

        $('.panel').hide();
        $('#favPanel').html('').show().load(window.localeCode+'/index.html/ajax/favorites/', function() { });
    });

    $('.menuItem-152 a:not(.loggedIn)').bind('click', function(e) {

        e.preventDefault();

        $('.panel').hide();
        $('#userPanel').html('').show().load(window.localeCode+'/index.html/ajax/login/', {
            'referer' : window.location.href
        }, function() {
            $('.makeempty').each(function() {
                $(this).val($(this).attr('title')).addClass('grayedOut')
            }).focus(function() {
                if($(this).val() == $(this).attr('title')) $(this).val('').removeClass('grayedOut')
            }).blur(function(){
                if($(this).val() == '') $(this).val($(this).attr('title')).addClass('grayedOut')
            }).trigger('blur')
        });
    });

    $('.makeempty').each(function() {
        $(this).val($(this).attr('title')).addClass('grayedOut')
    }).focus(function() {
        if($(this).val() == $(this).attr('title')) $(this).val('').removeClass('grayedOut')
    }).blur(function(){
        if($(this).val() == '') $(this).val($(this).attr('title')).addClass('grayedOut')
    }).trigger('blur')

    $('.btnClosePanel').live('click', function(e) {
        e.preventDefault();
        $('.panel').hide();
    });

    function addProductToCart(url, data, $viewport) {

        $shoppingcart = $('li.menuItem-155:first');

        if($viewport.length > 0) {

            $viewport.find('img').clone().addClass('viewportClone').appendTo('body').css({
                top: $viewport.offset()['top'] + 'px',
                left: $viewport.offset()['left'] + 'px',
                border: '1px solid #A1A1A1'
            }).animate({
                height: 0,
                width: 0,
                top: $shoppingcart.offset()['top'] + 'px',
                left: $shoppingcart.offset()['left'] + 20 + 'px'
            }, 700, function() {

                $(this).remove();
            });
        }

        $.post(url, data, function(response) {
            Hakvoort.updateMenuShoppingCart(response.data.productCount);
        }, 'json');
    }

    $('#addProductForm').bind('submit', function(e) {
        e.preventDefault();

        var $viewport = $('#viewport');

        addProductToCart(this.action, $(this).serialize(), $viewport);
    });

    $('.btnToCart:not(#addProductForm .btnToCart)').live('click', function(e) {

        e.preventDefault();

        var productId = this.rel;

        $viewport = $('#thumb' + this.rel.replace(/\./g, '-'));

        addProductToCart(window.location.href, {

            webshop: {
                shoppingcart: {
                    addproducts: {
                        amount: 1,
                        productId: productId
                    }
                }
            }
        }, $viewport);
    });

    $('#compareHeader .btnRemove').live('click', function() {

        productId = this.rel;

        $.post(window.location.href + '?return=newHtml', {
            webshop : {
                compare : {
                    removeproducts : [
                    productId
                    ]
                }
            }
        }, function(response) {

            Hakvoort.updateMenuCompare(response.productCount);

            $('#pageCompare').html(response.compareHtml);
        }, 'json');
    });

    $('.btnRemoveProductFromFavorites').live('click', function() {

        productId = this.rel;

        $.post(window.localeCode+'/'+window.currentPage+'/ajax/favorites/', {
            webshop : {
                favorites : {
                    removeproducts : [
                    productId
                    ]
                }
            }
        }, function(response) {

            Hakvoort.updateMenuFavorites(response.data.productCount);

            $('#favPanel').html(response.data.returnHtml);

        }, 'json');
    });

    $('#btnFav').bind('click', function(e) {
        e.preventDefault();

        var $viewport = $('#viewport');
        $favorites = $('li.menuItem-153:first');


        if($viewport.length > 0) {

            $viewport.find('img').clone().addClass('viewportClone').appendTo('body').css({
                top: $viewport.offset()['top'] + 'px',
                left: $viewport.offset()['left'] + 'px',
                border: '1px solid #A1A1A1'
            }).animate({
                height: 0,
                width: 0,
                top: $favorites.offset()['top'] + 'px',
                left: $favorites.offset()['left'] + 20 + 'px'
            }, 700, function() {

                $(this).remove();
            });
        }

        $.post('index.php?return=json', {

            webshop: {
                favorites: {
                    addproducts: selectedProductId
                }
            }
        }, function(response) {
            Hakvoort.updateMenuFavorites(response.data.productCount);
            if (response.success) { }
        }, 'json');
    });

    $('#btnCompare').bind('click', function(e) {
        e.preventDefault();

        var $viewport = $('#viewport');
        var $compare = $('li.menuItem-154:first');

        if($viewport.length > 0) {

            $viewport.find('img').clone().addClass('viewportClone').appendTo('body').css({
                top: $viewport.offset()['top'] + 'px',
                left: $viewport.offset()['left'] + 'px',
                border: '1px solid #A1A1A1'
            }).animate({
                height: 0,
                width: 0,
                top: $compare.offset()['top'] + 'px',
                left: $compare.offset()['left'] + 20 + 'px'
            }, 700, function() {

                $(this).remove();
            });
        }

        $.post('index.php?return=json', {

            webshop: {
                compare: {
                    addproducts: selectedProductId
                }
            }
        }, function(response) {
            Hakvoort.updateMenuCompare(response.data.productCount);
            if (response.success) { }
        }, 'json');
    });

    $('#addProductForm').bind('submit', function(e) {

        e.preventDefault();

        var $viewport = $('#viewport');
        $shoppingcart = $('li.menuItem-155:first');

        if($viewport.length > 0) {

            $viewport.find('img').clone().addClass('viewportClone').appendTo('body').css({
                top: $viewport.offset()['top'] + 'px',
                left: $viewport.offset()['left'] + 'px',
                border: '1px solid #A1A1A1'
            }).animate({
                height: 0,
                width: 0,
                top: $shoppingcart.offset()['top'] + 'px',
                left: $shoppingcart.offset()['left'] + 20 + 'px'
            }, 700, function() {

                $(this).remove();
            });
        }

        $.post(this.action, $(this).serialize(), function(response) {
            Hakvoort.updateMenuShoppingCart(response.data.productCount);
        //if (response.success) { }
        }, 'json');
    });

    function alterQuantity(e) {
        e.preventDefault();

        var quantity = $(this).hasClass('btnIncrease') ? 1 : -1;
        var url = 'index.php';

        var productId = this.rel;

        $.post(url + '?return=newHtml', {
            webshop : {
                shoppingcart : {
                    updateproducts : [{
                        productId : productId,
                        quantity : quantity
                    }]
                }
            }
        }, function(response) {

            Hakvoort.updateMenuShoppingCart(response.productCount);

            $('#pageCheckout').html(response.shoppingCartHtml);
        }, 'json');
    }

    $('.btnIncrease, .btnDecrease').live('click', alterQuantity);

    function removeProduct(e) {
        e.preventDefault();

        var url = 'index.php';

        var productId = this.rel;

        var fromMenuShoppingCart = $(this).hasClass('fromMenuShoppingCart');

        $.post(url + '?return=newHtml', {
            webshop : {
                shoppingcart : {
                    removeproducts : [productId]
                }
            }
        }, function(response) {

            if(!fromMenuShoppingCart) {
                Hakvoort.updateMenuShoppingCart(response.productCount);

                $('#pageCheckout').html(response.shoppingCartHtml);
            } else {
                Hakvoort.updateMenuShoppingCart(response.productCount);
                $('li.menuItem-155 a').trigger('click');
            }
        }, 'json');
    }

    $('.btnRemove').live('click', removeProduct);

})(jQuery);
function maxMainHeight() {

    if($('#compareViewport').length > 0 && $('#pageProductDetail_A').length == 0) return false;

    var hHeight = $('#header').height(),    // Header height
    wHeight = $('#wrapper').height(),   // Wrapper height
    fHeight = $('#footer').height(),    // Footer height
    vHeight,                            // Viewport height
    $content = $('#content'),           // content div
    mHeight,                            // content height
    mPad = parseInt($content.css('padding-top')) + parseInt($content.css('padding-bottom')),          // Padding van #content
    bPad = parseInt($('body').css('padding-top')) + parseInt($('body').css('padding-bottom')),  // Padding van body
    compensate = 21;                     // Compensatie

    $(window).bind('resize', function() {
        resize();
    });

    function resize() {
        vHeight = $(window).height();

        if (wHeight < vHeight) {    // Wrapper is kleiner dan viewport
            mHeight = vHeight - (hHeight + fHeight + mPad + bPad + compensate);
            $content.css('min-height', mHeight);
            if (window.ie6) $content.css('height', mHeight);
        }
    }

    resize();
}

$(document).bind('ready', maxMainHeight);

$('#saveMyAccount').bind('click', function() {
    $('#registerForm').submit();
});

$("#addressDeliveryForm input[name=afwadres]").bind('click', function() {

    $("#addressDeliveryForm").removeClass("disabled");
    $("#addressDeliveryForm input").removeAttr("disabled");
    $("#addressDeliveryForm select").removeAttr("disabled");

    if ($("#addressDeliveryForm input[name=afwadres]").attr('checked') == true) {
        $("#addressDeliveryForm").addClass('disabled');
        $("#addressDeliveryForm input[name!=afwadres]").attr('disabled','disabled');
        $("#addressDeliveryForm select").attr('disabled','disabled');
    }
});

$('.menuItem-58 a').live('click', function (e) {
    e.preventDefault();
});

$('#btnAsk').live('click', function (e) {
    e.preventDefault();
});

$('#btnTellafriend').live('click', function (e) {
    e.preventDefault();
});

$('.newPW').live('click', function (e) {
    e.preventDefault();
});

$('.btnWWVergeten').live('click', function (e) {
    e.preventDefault();
});

$('.btnWWVergeten').createDialog ({
    addr: window.localeCode+'/index.html/ajax/forgotpassword/',
    success: handleForgotPassword
});
$('#widgetBrochure .btnCatalogus').live('click', function (e) {
    e.preventDefault();
});

$('#widgetBrochure .btnCatalogus').createDialog ({
    addr: window.localeCode+'/'+window.currentPage+'/ajax/catalogus/',
    success: handleCatalogus
});
function handleCatalogus() {
    $.repositionModal();
}

$('#jobList li a span').live('click', function (e) {
    $("#current_vacancy_id").html(($(this).parent().attr('rel')));
    e.preventDefault();
});

$('#jobList li a span').createDialog ({
    addr: 'index.html/ajax/jobapplication/id/' , // id will set on jquey-jdialog.min.js. on $.ajax()
    success: handleCatalogus
});

function handleCatalogus() {
    $.repositionModal();
}

function handleForgotPassword() {
    $.repositionModal();

    $("#modalForgotPW .btnMedSubmit").click(
        function(e) {
            e.preventDefault();
            var email = $("#modalForgotPW input[name=email]").val();
            $('#jDialogContainer').load(window.localeCode+'/'+window.currentPage+'/ajax/forgotpassword/', {
                'email': email
            }, function() {
                handleForgotPassword();
            }
            );
        }
        ).parents('form').submit(function(e) {
        e.preventDefault();
        $("#modalForgotPW .btnMedSubmit").trigger('click');
    });
}

$('.menuItem-58 a').createDialog({
    addr: window.localeCode+'/'+window.currentPage+'/ajax/contactform/',
    success: handleContact
});

if(typeof selectedProductId != 'undefined') {
    $('#btnAsk').createDialog({
        addr: window.localeCode+'/'+window.currentPage+'/ajax/question/artikel/'+selectedProductId,
        success: handleQuestion
    });
}

$('#btnTellafriend').createDialog({
    addr: window.localeCode+'/'+window.currentPage+'/ajax/tellafriend/',
    success: handleTellafriend
});

function handleContact() {
/*
    $.repositionModal();

    // Validatie van het formulier, daarna verzenden.
    $("#contactForm").validate({
	   submitHandler: function(form) {
			$.repositionModal();
			$.post(window.localeCode+'/'+window.currentPage+'/ajax/contactform/',
				$(".modal form").serialize(),
				function() {
					$('#jDialogContainer').load(window.localeCode+'/'+window.currentPage+'/ajax/contactform/',
					{
						'sent': true
					}, function () {
						$.repositionModal();
					});
				}
			);

	   }
	});
    */

// Met a.btnMed om het formulier te verzenden werkt de validator niet.
/*
    $(".btnMed").click(function(e) {
        e.preventDefault();
        $.post(window.localeCode+'/'+window.currentPage+'/ajax/contactform/',
            $(".modal form").serialize(),
            function() {
                $('#jDialogContainer').load(window.localeCode+'/'+window.currentPage+'/ajax/contactform/',
                {
                    'sent': true
                }, function () {
                    $.repositionModal();
                });
            }
        );
    });
    */
}

function handleQuestion() {
/*
    $.repositionModal();

    // Validatie van het formulier, daarna verzenden.
    $("#questionForm").validate({
	   submitHandler: function(form) {
			$.repositionModal();
			$.post(window.localeCode+'/'+window.currentPage+'/ajax/question/',
				$(".modal form").serialize(),
				function() {
					$('#jDialogContainer').load(window.localeCode+'/'+window.currentPage+'/ajax/question/',
					{
						'sent': true
					}, function () {
						$.repositionModal();
					});
				}
			);

	   }
	});

	// Met a.btnMed om het formulier te verzenden werkt de validator niet.
    $(".btnMed").click(function(e) {
        e.preventDefault();
        $.post(window.localeCode+'/'+window.currentPage+'/ajax/question/',
            $(".modal form").serialize(),
            function() {
                $('#jDialogContainer').load(window.localeCode+'/'+window.currentPage+'/ajax/question/',
                {
                    'sent': true
                }, function () {
                    $.repositionModal();
                });
            }
        );
    });
    */
}

function handleTellafriend() {
    $.repositionModal();

    $(".btnMed").click(function(e) {
        e.preventDefault();
        $.post(window.localeCode+'/'+window.currentPage+'/ajax/tellafriend/',
            $(".modal form").serialize(),
            function() {
                var uwnaam = $(".tellafriendForm input[name=naam]").val();
                var uwemail = $(".tellafriendForm input[name=uwemail]").val();
                var naam = $(".tellafriendForm input[name=naam]").val();
                var email = $(".tellafriendForm input[name=email]").val();
                var bericht = $(".tellafriendForm input[name=bericht]").val();
                var product_id = $(".tellafriendForm input[name=product_id]").val();

                $('#jDialogContainer').load(window.localeCode+'/'+window.currentPage+'/ajax/tellafriend/',
                {
                    'sent': true,
                    'email': email,
                    'uwemail': uwemail,
                    'naam': naam,
                    'uwnaam': uwnaam,
                    'product_id': product_id
                }, function () {
                    $.repositionModal();
                });
            }
            );
    });
}

$("#btnCloseModal").live("click",
    function() {
        $.closeDialog();
        return false;
    }
    );

$(document).bind('ready', function() {
    $('#btnBack').live('click', function(e) {
        e.preventDefault();

        history.go(-1);
    });

    $('#productImg').click( function() {
        $('#productImg').die(); // First remove previous dialogs for productImage
        $('#productImg').createDialog ( // Create new dialog for productImage with the new src
        {
            addr: window.localeCode+'/'+window.currentPage+'/ajax/productimage/productimage/' + getProductImageName() + '/titel/' + $("#productImg").attr("alt"),
            success: handleImageHolder
        }
        );
    });


    $('.vergroot').click( function() {

        var imageName = getImageName(this);
        $('.vergroot').die(); // First remove previous dialogs for productImage
        $('.vergroot').createDialog ({
            addr: 'index.html/ajax/showimage/' + imageName + '/titel/Badenmarkt/',
            success: handleImageHolder
        });
    });

    $('#search #keywords').autocomplete(window.localeCode+'/'+window.currentPage+'/ajax/autocomplete', {
        /*extraParams: {
            lang: $('#searchlang').val()
        },*/
        minChars: 1,
        selectFirst: false,
        cacheLength: 1,
        formatItem: function(r) {
            l = (r[0] > 1) ? "resultaten" : "resultaat";
            //h = '<div><div class=ac1>' + r[1] + '</div><div class=ac2>' + r[0] + ' ' + l + '</div></div>';
            h = '<div><div class=ac1>' + r[1] + '</div></div>';
            return h;
        },
        formatResult: function(r) {
            return r[1];
        },
        width: 203
    });

});

$('#registerForm #email').bind('blur', function() {

    if ($('#registerForm #email').val() != '') {

        $.post(window.localeCode+'/'+window.currentPage+'/ajax/checkemail/', {
            email: $('#registerForm #email').val()
        }, function(response) {

            if (response == 0) {
                $('.emailerror').css('display', 'none');
                $('#addressInvoiceForm input').attr('disabled', '');
                $('#addressInvoiceForm label').css('color', '#000000');
                $('#registerForm #saveMyAccount').css('display', 'block');
            } else if (response == 1) {
                $('.emailerror').css('display', 'block');
                $('.newPW').createDialog({
                    addr: window.localeCode+'/'+window.currentPage+'/ajax/newpassword/',
                    data: {
                        email: $('#registerForm #email').val()
                    },
                    success: handleNewPassword
                });
                $('#addressInvoiceForm input').attr('disabled', 'disabled');
                $('#addressInvoiceForm label').css('color', '#999999');
                $('#registerForm #saveMyAccount').css('display', 'none');
                $('#registerForm #email').attr('disabled', '');
            } else if (response == 2) {

                $('.emailexists').css('display', 'block');

                $('.panel').hide();
                $('#userPanel').html('').show().load(window.localeCode+'/'+window.currentPage+'/ajax/login/', {
                    'referer' : window.location.href
                }, function() {
                    $('.makeempty').each(function() {
                        $(this).val($(this).attr('title')).addClass('grayedOut')
                    }).focus(function() {
                        if($(this).val() == $(this).attr('title')) $(this).val('').removeClass('grayedOut')
                    }).blur(function(){
                        if($(this).val() == '') $(this).val($(this).attr('title')).addClass('grayedOut')
                    }).trigger('blur')
                    $('#userNameM').val($('#registerForm #email').val());
                    $('#userNameM').removeClass('grayedOut');
                    $('#userPwdM').focus();

                });


            }

        })
    }
});

function handleNewPassword() {
    $.repositionModal();
}
/* Creating lightbox dialog for product images */

function handleImageHolder() {
    $.repositionModal();
}

function getProductImageName() {
    img=""
    img_temp = $("#productImg").attr("src");
    img_path_array = img_temp.split('/');
    img_path_array.reverse();
    img = img_path_array[0];

    return img;
}
var tempOfferUrl = window.offerUrl;

$('#offer .offerBtnRemove').live('click', function(e) {
    e.preventDefault();

    $.get(tempOfferUrl + '/ajax/1/removeProduct/' + this.rel, function(response) {

        $('#offer').replaceWith(response.newHtml);
    }, 'json');
});

function offerAlterQuantity(e) {
    e.preventDefault();

    var quantity = $(this).hasClass('offerBtnIncrease') ? 1 : -1;
    var productId = this.rel;

    $.get(tempOfferUrl + '/ajax/1/updateProduct/' + this.rel + '/quantity/' + quantity, function(response) {
        $('#btnBack').remove();
        $('#offer').replaceWith(response.newHtml);
    }, 'json');
}

$('.offerBtnIncrease, .offerBtnDecrease').live('click', offerAlterQuantity);

$('.btnSide:not(.nextStep)').click(function(e) {

    e.preventDefault();
    alert("$('#sendMethod0').cheked");
    if ($('#userName') != '' && $('#userPwd') != '') {
        $('#loginForm').submit();
    }
});

$('#loginForm').live('submit', function(e) { //, #loginFormM'

    e.preventDefault();

    if ($.trim($('#userName').val()) == '' || $('#userPwd').val() == '') {
        $('.modal').show(); //span.error
    }

    var has = $(this).hasClass('sidebar');
    if($(this).id == 'loginForm' && !has) {
        var username = $('#userName').val();
        var password = $('#userPwd').val();
    } else if(has){
        var username = $('#username').val();
        var password = $('#password').val();
    } else {
        var username = $('#userNameM').val();
        var password = $('#userPwdM').val();
    }
    $.post(window.localeCode + '/index.html', {
        username: username,
        password: password,
        loginAction: true
    }, function(response) {
        if (response == 'false') { //alert("egfu");
            $('#wrongLogin').createDialog({
                addr: window.localeCode+'/'+'index.html'+'/ajax/wronglogin/' //window.currentPage
            });

            $('#wrongLogin').click();
            $('span.error').show();
            $('#userPwd').val('');
        } else {
            if ($('#referer').val() != '') {
                window.location.href = window.location.href;
            } else {

                if (window.location.href.indexOf('#') !== -1) {
                    var locationHref = window.location.href.substr(0, window.location.href.indexOf('#'));
                } else {
                    var locationHref = window.location.href;
                }
                alert(locationHref);return false;
                window.location.href = locationHref;
            }
        }

    });

});

$('#btnPrint').bind('click', function(e) {

    e.preventDefault();

    frames['printtemplate'].focus();
    frames['printtemplate'].print();


});

var selects = function() {
    // IE
    var ie = ($.browser.msie),
    ie6 = ($.browser.msie && parseInt($.browser.version) <= 6),
    ie7 = ($.browser.msie && parseInt($.browser.version) == 7),
    ie8 = ($.browser.msie && parseInt($.browser.version) == 8);

    var convert = function ($elm) {
        $elm.each(function() {
            var $select = $(this),
            $options = $select.find('option'),
            $cSelect,
            $title,
            $ul;

            // Wrap met div.select
            $select.wrap('<div class="select"></div');
            $cSelect = $select.parent();

            // Strong en ul toevoegen
            $cSelect.append('<strong /><ul />');
            $title = $cSelect.find('strong');
            $ul = $cSelect.find('ul');

            // Ul met 'option'-li's vullen
            $options.each(function(i) {
                var $li,
                cssclass = '';

                // Is deze option selected?
                if ($(this).attr('selected')) {
                    cssclass = 'selected';

                    // Title vullen
                    $title.text($(this).text())
                }

                // Li toevoegen en vullen
                $li = $('<li class="' + cssclass + '">' + $(this).text() + '</li>').addClass($(this).attr('class'));
                $ul.append($li);

                // Nummer vastleggen
                $(this).data('num', i);
                $li.data('num', i);

                // Event voor li
                $li.click(function() {
                    var $ul = $(this).parent(),
                    $option = $ul.parent().find('select option:eq(' + $(this).data('num') + ')');

                    // IE7 bug workaround
                    if (ie7) $('.select').css({
                        zIndex:1
                    })

                    // Hide ul
                    hideSelect($cSelect);

                    // Update echte select
                    $option.attr('selected', 'selected');
                    $select.trigger('change')
                })
            })

            // Title juiste breedte geven
            if (!$(this).hasClass('autoWidth')) $title.width($ul.outerWidth() - ($title.outerWidth() - $title.width()));

            // Events voor title
            $title.click(function(event) {
                var v = $(this).parent().find('ul').css('visibility');

                event.stopPropagation();

                // Verberg eerst alle selects
                selects.hideAll();

                if (ie7) {
                    // IE7 bug workaround
                    $('.select').css({
                        zIndex:-1
                    })
                    $(this).parent().css({
                        zIndex:1
                    })
                }

                if (v == 'visible') {
                    hideSelect($cSelect)
                } else {
                    showSelect($cSelect)
                }

            })

            // Events voor verborgen select
            $select.change(function(){
                $title.text($(this).find('option:selected').text())
            })
        })
    }

    function hideAll() {
        hideSelect($('.select'))
    }

    function hideSelect($elm) {
        $elm.each(function() {
            $(this).find('ul').css('visibility', 'hidden');
        })
    }

    function showSelect($elm) {
        $elm.each(function() {
            var $ul = $(this).find('ul'),
            selNum;

            $ul.css('visibility', 'visible');

            // Li's css class resetten
            $ul.find('li').removeClass('selected');
            selNum = $elm.find('option:selected').data('num');
            $ul.find('li:eq(' + selNum + ')').addClass('selected')


            if ($ul.height() > 200) $ul.css({
                height : 200,
                overflow : 'auto',
                overflowX : 'hidden'
            })
        })
    }

    // Make public
    return {
        convert: convert,
        hideAll: hideAll
    }
}();

$('#formReaction .btnMed').live('click', function(e) {
    e.preventDefault();
    $('#formReaction').submit();
});

$('#formReaction').live('submit', function(e) {

    e.preventDefault();
    var formAction = this.action;

    $.post(formAction,
        $("#formReaction").serialize(),
        function(response) {
            if (response == 'success') {
                $('#jDialogContainer').load(formAction,
                {
                    'sent': true
                }, function () {
                    $.repositionModal();
                });
            }
        }
        );
});

$('.submitConfirmation').click(function(e) {

    e.preventDefault();

    $('#paymentForm').submit();

});

$("#btnShowMoreInfo").bind("click", function(e) {
    e.preventDefault();
    $("div#moreInfo").slideDown();
    return false;
});
$("#btnCloseMoreInfo").bind("click", function(e) {
    e.preventDefault();
    $("div#moreInfo").slideUp();
    return false;
});

$("#btnCustomization").bind("click", function(e) {
    e.preventDefault();
    $("#customizeTab").click();
    $.scrollTo('#customized',500);
    return false;
});


function getImageName(item){
    img=""
    img_temp = $(item).attr("src");
    img_path_array = img_temp.split('/');
    img_path_array.reverse();
    img = img_path_array[0];
    return img;
}