(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');
        $('#subMenu ul.level1').removeClass('active');
    });
    window.Hakvoort = {};

    Hakvoort.updateMenuShoppingCart = function(productCount) {
        this.$menuShoppingCart = this.$menuShoppingCart || $('#menu_cart a span');

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

    Hakvoort.updateMenuFavorites = function(productCount) {
        this.$menuFavorites = this.$menuFavorites || $('#menu_favorite a span span');

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

    Hakvoort.updateMenuCompare = function(productCount) {
        this.$menuCompare = this.$menuCompare || $('#menu_compare a span span');

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

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

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

	$('#searchForm #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
    });
	$('#searchForm').live('submit', function (e) {                
		var keyword_obj = $('input[name="keyword"]');
		if($.trim(keyword_obj.val()) == '' || keyword_obj.val() == keyword_obj.attr('rel') || keyword_obj.hasClass('grayedOut')) {			
			e.preventDefault();
		}
                
	});
    $('#keywords').each(function() {
          
    }).focus(function() {
    //  var aa=  $('#keywords').val();
        if($(this).hasClass('grayedOut')) $(this).val('').removeClass('grayedOut');
    }).blur(function(){
        if($(this).val() == '') $(this).val($(this).attr('title')).addClass('grayedOut');
      //  $('#keywords').val(aa);
    }).trigger('blur')

    $("#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);
        $('#visualPaging').appendTo('#VisualDiv')
        if ($visualsLis.length > 1 && $(".VisualDiv").attr('id')=="VisualDiv")
        {
            $('<ul class="visualNextUl"><li class="visualNext"><img id="nextButton"  src="images/next.png"/></li></ul>').insertAfter('#visualPaging');
        }
        
        $('#nextButton').click(function(){
        	if (window.homeVisualInteraction) return false;
        	if(GLOBAL.currVisual == $visualsLis.length-1 ) GLOBAL.currVisual = -1;
            showVisual(GLOBAL.currVisual+1)
            })
        // 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);
            window.onfocus = function (){
               GLOBAL.visualIv = setInterval(slideShow,overgangSnelheid); 
            }
             window.onblur = function (){
                clearInterval(GLOBAL.visualIv);
             }
            document.onblur = window.onblur;
            document.focus = window.focus;
        } else {
            $pagesUl.find('li:eq(0)').show();
        }
    }

    homeVisual();


    var sections = [];
	var titles   = [];
    $('#detailTabs li a').each(function(index) {

        sections.push($($(this).attr('href')));
		titles.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();
            });
			
			
			if($(this).attr('href') == "#social"){
				$('#accessories').hide();
			}else{
				$('#accessories').show();
			}
			
			
            $($(this).attr('href')).show();

            return false;
        });
    });

	if(titles.length == 1 && titles[0]=="#social"){
		if($('#detailTabs .social_tab').css("display") == 'none'){			
			$('#social').hide();
		}
	}
	
    if(!$('#menu_cart').hasClass("active"))
    {
    $('#menu_cart a').bind('click', function(e) {
        e.preventDefault();
        
        $('.panel').hide();
        $('#cartPanel').html('').show().load( window.localeCode+'/index.html/ajax/shoppingcart/', function() { });
    });
    }
    
    if(!$("#menu_favorite").hasClass("active"))
    {
    $('#menu_favorite a').bind('click', function(e) {
        e.preventDefault();        
        $('.panel').hide();
        $('#favPanel').html('').show().load( window.localeCode+'/index.html/ajax/favorites/', function() { });
    });
    }
    
    $('#webshop-menu ul li a').click(function(){
        $('#webshop-menu ul li').removeClass('active');
        $(this).parent().addClass('active');
    });

    $('#menu_webuser 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 = $('#menu_cart:first');

        if($viewport.length > 0) {
             var ImgWidth=$viewport.find('img').width();
            var ImgHeight=$viewport.find('img').height();
            $viewport.find('img').clone().addClass('viewportClone').appendTo('body').css({
                top: $viewport.offset()['top']+ 'px',
                left: $viewport.offset()['left'] + 'px',
                height:ImgHeight,
                width:ImgWidth,
                border: '1px solid #A1A1A1',
                'z-index' : '100'
                
            }).animate({
                height: 0,
                width: 0,
                top: $shoppingcart.offset()['top'] + 'px',
                left: $shoppingcart.offset()['left'] + 20 + 'px'
            }, 700, function() {

                $(this).remove();
            });
        }
         if( $('#pageCompare a').hasClass('btnToCart')  ){
                $.post(url, data, function(response) {
                    Hakvoort.updateMenuShoppingCart(response.data.productCount);
                }, 'json');   
         } 
        
        
        
}
$('#addProductForm .btnToCart').live('click', function(e) {
      $('#addProductForm').submit();
   // $('#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;

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

        addProductToCart( window.location.href, {

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

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

		e.preventDefault();
        productId = this.rel;

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

            Hakvoort.updateMenuCompare(response.productCount);

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

    $('.btnRemoveProductFromFavorites').live('click', function(e) {
    	
		e.preventDefault();
        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');
    });
   //////////////////////////////Artash
 $('.btnRemoveProductFromFavorites1').live('click', function(e) {    	
		e.preventDefault();                
        productId = this.rel;    
        $.post( window.localeCode+'/'+window.currentPage+'/ajax/favorites2/', {
            webshop2 : {
                favorites2 : {
                    removeproducts2 : [
                    productId
                    ]
                }
            }
        }, function(response) {            
            Hakvoort.updateMenuFavorites(response.data.productCount);
           //alert(response.data.returnHtml);
           $('#favPanel99').html(response.data.returnHtml);
            
            

        }, 'json');
    });
   ////////////////////////////////////Artash_Idea
    $('#btnIdea').live('click', function (e) {
	 e.preventDefault();
	 });
	 $("#btnIdea").createDialog({
	 addr: 'index.html/ajax_element/idea/view/form/',
	 success: handleIdea
	 });
	 function handleIdea() {
	 $.repositionModal();
 } 
    
    

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

        var $viewport = $('#viewport');
        $favorites = $('#menu_favorite:first');
        

        if($viewport.length > 0) {
            var ImgWidth=$viewport.find('img').width();
            var ImgHeight=$viewport.find('img').height();
            $viewport.find('img').clone().addClass('viewportClone').appendTo('body').css({
                top: $viewport.offset()['top'] + 'px',
                left: $viewport.offset()['left'] + 'px',
                 height:ImgHeight,
                width:ImgWidth,
                border: '1px solid #A1A1A1',
                'z-index' : '100'
            }).animate({
                height: 0,
                width: 0,
                top: $favorites.offset()['top'] + 'px',
                left: $favorites.offset()['left'] + 20 + 'px'
            }, 700, function() {

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

        $.post('index.html?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 = $('#menu_compare:first');

        if($viewport.length > 0) {
            var ImgWidth=$viewport.find('img').width();
            var ImgHeight=$viewport.find('img').height();
            $viewport.find('img').clone().addClass('viewportClone').appendTo('body').css({
                top: $viewport.offset()['top'] + 'px',
                left: $viewport.offset()['left'] + 'px',
                height:ImgHeight,
                width:ImgWidth,
                border: '1px solid #A1A1A1',
                'z-index' : '100'
            }).animate({
                height: 0,
                width: 0,
                top: $compare.offset()['top'] + 'px',
                left: $compare.offset()['left'] + 20 + 'px'
            }, 700, function() {

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

        $.post('index.html?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 = $('#menu_cart:first');

        if($viewport.length > 0) {
            var ImgWidth=$viewport.find('img').width();
            var ImgHeight=$viewport.find('img').height();
            $viewport.find('img').clone().addClass('viewportClone').appendTo('body').css({
                top: $viewport.offset()['top'] + 'px',
                left: $viewport.offset()['left'] + 'px',
                 height:ImgHeight,
                width:ImgWidth, 
                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(event) {		
		var passw= $('.chpassword').val();
		var Email=$('.chmail').val();
		event.preventDefault();
		$('#checkoutTableForm .inputAmount').attr("disabled","disabled");
		var quantity=0;				
		var url =  window.localeCode+'/index.html';
		var productId=this.id;
		var soap =  $('#soap_script').text();
		if($(this).hasClass('inputAmount')){	
			var value=$(this).val();
			if(value>=0 && value<=999){				
				var prevalue=$(this).attr("prevalue");			
				quantity=value-prevalue;							
			}
			productId=this.name;
			
		}
		else{						
			quantity = $(this).hasClass('btnIncrease') ? 1 : -1;
			productId=this.rel;			
		}
        $.post(url + '?return=newHtml', {
            webshop : {
                shoppingcart : {
                    updateproducts : [{
                        productId : productId,
                        quantity : quantity
                    }],
					soap :  soap
                }
				
            }
        }, function(response) {
		
            Hakvoort.updateMenuShoppingCart(response.productCount);

            $('#pageCheckout').html(response.shoppingCartHtml);
            $('.chpassword').val(passw);
            $('.chmail').val(Email);
        }, 'json');		
    }
	
    $('.btnIncrease, .btnDecrease').live('click',alterQuantity);
	$('#checkoutTableForm .inputAmount').live('change',alterQuantity);	
	$('#checkoutTableForm .inputAmount').live('keypress',function(event){		
		if(event.keyCode==13)					
				$(this).change();								
		}
	);
	
    function removeProduct(e) {
        e.preventDefault();
        var passw= $('.chpassword').val();
        var Email=$('.chmail').val();
        var url =  window.localeCode+'/index.html';
        var productId = this.rel;
		var soap =  $('#soap_script').text();
		
        var fromMenuShoppingCart = $(this).hasClass('fromMenuShoppingCart');

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

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

                $('#pageCheckout').html(response.shoppingCartHtml);
                $('.chpassword').val(passw);
                $('.chmail').val(Email);
            } else {
                Hakvoort.updateMenuShoppingCart(response.productCount);
                $('#menu_cart a').trigger('click');
            }
        }, 'json');
    }

    $('.btnRemove').live('click', removeProduct);
    ////////////////////////Artash
    function removeProduct2(e) {
    	
    	
    	
        e.preventDefault();
       
        var url =  window.localeCode+'/index.html';

        var productId = this.rel;        
        var fromMenuShoppingCart = $(this).hasClass('fromMenuShoppingCart2');
        

        $.post(url + '?return=newHtml2', {
            webshop2 : {
                shoppingcart2 : {
                    removeproducts2 : [productId]
                }
            }
        }
       
        , function(response) {
        	$('#cartPanel99').html('').show().load(  window.localeCode+'/'+window.currentPage+'/ajax/shoppingcart2/');
            if(!fromMenuShoppingCart) {
                Hakvoort.updateMenuShoppingCart(response.productCount);

                $('#pageCheckout').html(response.shoppingCartHtml);
            } else {
                Hakvoort.updateMenuShoppingCart(response.productCount);
             // $('#menu_cart a').trigger('click');
                
            }
        }, 'json');
        
    }
    
    
    $('.btnRemove2').live('click', removeProduct2);
    

})(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();
});

$('#contact_form').live('click', function (e) {
    e.preventDefault();
});
$('#widgetBrochure .btnCatalogus').live('click', function (e) {
    e.preventDefault();
});

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

$('#contactbutton').live('click', function (e) {
    e.preventDefault();
   // $('img').click(function() { 
   //var name = $(this).closest("li").attr('id');
    
    //$('#gggg').html(name);
  //alert(name);
  
  //document.write("<li style='display:none;' id='gggg' >"+name+"</li>");
//});
    
});


$('#btnTellafriend').live('click', function (e) {
    e.preventDefault();
});
$('#downloadcatalog').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
});




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

$('.vacature 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(); //alert($("#chekout_userName").val());
    var loginEmail = $("#userName").val();
	var registrationEmail =$("#registration_email").val();
    if(loginEmail == 'E-mail' || loginEmail == ''){
        loginEmail = '';
    }else{
        var loginEmail = $("#userName").val(); // Rafo
        if(loginEmail == 'E-mail' || loginEmail == ''){
            loginEmail = '';
        }
    }
    /*
     * Added By Harut 
     * */
    if($("#chekout_userName").val() != $("#chekout_userName").attr('title')){
    	var loginEmail = $("#chekout_userName").val();
    }
    
    /*
     * Added By Harut 
     * */
    if($("#checkout_email").val() != $("#checkout_email").attr('title')){
    	var loginEmail = $("#checkout_email").val();
    }
      
    $("#modalForgotPW input[name=email]").val(loginEmail);
	if(	$("#registration_email").attr("rel") == "registration_email" ){
		$("#modalForgotPW input[name=email]").val(registrationEmail);
	}
    $(".btnMedSubmit").click( function(e) {
        e.preventDefault();
        
        $("#forgotPasswordForm").submit();
    });
      $('#forgotPasswordForm').live('submit', function(e) {
          e.preventDefault();
         
           var email = $("#modalForgotPW input[name=email]").val();
          $('#jDialogContainer').load( window.localeCode+'/'+window.currentPage+'/ajax/forgotpassword/', {
                    'email': email
                }, function() {
                    handleForgotPassword();
                });
      });
   
}

$('#contact_form').createDialog({
    addr:  window.localeCode+'/'+window.currentPage+'/ajax/contactform/',
    success: handleContact
});
$('#widgetBrochure .btnCatalogus').createDialog ({
    addr:  window.localeCode+'/'+window.currentPage+'/ajax/catalogusform/',
    success: handleContact
});


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

    $('#contactbutton').createDialog({
      // addr:  window.localeCode+'/'+window.currentPage+'/ajax/contactform/',
       addr:  window.localeCode+'/'+window.currentPage+'/ajax/contactform1/' ,
        success: handleContactForm1,
        data: {
                 fff: name // $('#gggg').html()  //$(this).closest("li").attr('id')  //
                       
               
              }
    });


$('#btnTellafriend').createDialog({
    addr:  window.localeCode+'/'+window.currentPage+'/ajax/tellafriend/',
    success: handleTellafriend
});
$('#downloadcatalog').createDialog({
    addr:  window.localeCode+'/'+window.currentPage+'/ajax/downloadcatalog/'
   // 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();
	// Met a.btnMed om het formulier te verzenden werkt de validator niet.
    $(".btnMed").click(function(e) {
        e.preventDefault();
       $('#questionForm').submit();
	        
    });
    $('#questionForm').live('submit', 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 handleContactForm1() {

    $.repositionModal();

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

	   }
	});

	// Met a.btnMed om het formulier te verzenden werkt de validator niet.
    $(".btnMed").click(function(e) {
        e.preventDefault();
        var massage=$(".modal form").serialize();
        if($("#remarks").val() != ""){
        	$.post(window.localeCode+'/'+window.currentPage+'/ajax/contactform1/',
                   
                    massage ,
    	            function() {
    	                $('#jDialogContainer').load(window.localeCode+'/'+window.currentPage+'/ajax/contactform1/',
    	                {
    	                    'sent': true
    	                }, function () {
    	                    $.repositionModal();
    	                });
    	            }
    	        );
        }else{
        	$("#remarks").css("border", "1px solid #FF0000")
        }
	        
    });
}
/*
 * Modified By Harut
 * */
function handleTellafriend() {
  
   $.repositionModal();
    $(".tellafriendForm input[name=uwemail]").css('display', 'block');
    $(".tellafriendForm input[name=email]").css('display', 'block');
    
    $('.btnMed').click(function(e) {
        e.preventDefault();
        $(".tellafriendForm").submit(); 
    });
  
    
    $('.tellafriendForm').live('submit', function(e) {
       
         e.preventDefault();
       
         $.post( window.localeCode+'/'+window.currentPage+'/ajax/tellafriend/',
                    $(".modal form").serialize(),
                    function() {
                        var uwnaam = $(".tellafriendForm input[name=uwnaam]").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 textarea").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;
    }
    );
 $("#btnCloseModalForgotPassword").live("click",
    function() {
        $.closeDialog();
        return false;
    }
    );
$(document).bind('ready', function() {
    $('#btnBack').live('click', function(e) {
        e.preventDefault();

        history.go(-1);
    });
/*
    $('#viewport #mainImg').click( function() {
		$('#viewport #mainImg').die(); 		
			if($('#viewport #mainImg').hasClass('openPopup')){
				$('#viewport #mainImg').createDialog ( 
				{
					addr:  window.localeCode+'/'+window.currentPage+'/ajax/productimage/',
					data: {
						productimage : getProductImageName(),
						titel : $("#productImg").attr("title")					
					},
					success: handleImageHolder
				}
				);
			}		
    });
*/
    $('.vergroot').click( function() {

        var image_src = getImageName(this);
        $('.vergroot').die(); // First remove previous dialogs for productImage
        $('.vergroot').createDialog ({
			method: 'POST',
			data: {'src' : image_src},
            addr:  'index.html/ajax/showimage/' + true + '/titel/'+ window.WEBSITE_NAME +'/', //Iguansystems
            success: handleImageHolder
        });
    });

});

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;

function offerBtnRemove(e){
	e.preventDefault();
        var passw= $('.prpassword').val();
        var Email=$('.prmail').val();
    $.get(tempOfferUrl + '/ajax/1/removeProduct/' + this.rel, function(response) {
    	$('#btnBack').remove();
    	$('#offer').replaceWith(response.newHtml);
        $('.prpassword').val(passw);
        $('.prmail').val(Email);
    }, 'json');
}
$('.offerBtnRemove').live('click', offerBtnRemove);

function offerAlterQuantity(e) {
	e.preventDefault();
         var passw= $('.prpassword').val();
        var Email=$('.prmail').val();
	$('#offerTableForm .inputAmount').attr("disabled","disabled");
	var quantity = 0;
	var productId = 0;	
	if($(this).hasClass('inputAmount'))
	{
		var value=$(this).val();
		if(value>=0 && value<=999){				
				var prevalue=$(this).attr("prevalue");			
				quantity=value-prevalue;							
			}
			productId=this.name;
	}else
	{
		quantity = $(this).hasClass('offerBtnIncrease') ? 1 : -1;
		productId=this.rel;	
	}
	
	$.get(tempOfferUrl + '/ajax/1/updateProduct/' + productId + '/quantity/' + quantity, function(response) {
	    $('#btnBack').remove();
	    $('#offer').replaceWith(response.newHtml);
            $('.prpassword').val(passw);
            $('.prmail').val(Email);
	}, 'json');
}

$('.offerBtnIncrease, .offerBtnDecrease').live('click', offerAlterQuantity);
$('#offerTableForm .inputAmount').live('change',offerAlterQuantity);
	$('#offerTableForm .inputAmount').live('keypress',function(event){		
		if(event.keyCode==13)					
				$(this).change();								
		}
	);
	
$('.btnSide:not(.nextStep)').click(function(e) {

    e.preventDefault();

    if ($('#userName') != '' && $('#userPwd') != '') {
        $('#loginForm').submit();
    }
});
// for IE
$('#loginForm #loginSubmit').live('click', function(e) {
    e.preventDefault();
    $('#loginForm').submit();
});

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

    e.preventDefault();

    if ($.trim($('#userName').val()) == '' || $.trim($('#userName').val()) == $('#userName').attr("title") ||  $('#userPwd').val() == '') {
      //  $('span.error').show(); 
		return false;		
    }

        var username = $('#userName').val();
        var password = $('#userPwd').val();
        var remember = $(this).find('#rememberme').attr("checked");

    $.post( window.localeCode + '/index.html', {
        username: username,
        password: password,
        rememberme: remember,
        loginAction: true,
		ex: true
    }, function(response) {

        if (response.valid == 0) {
			$('#wrongLogin').die();
            $('#wrongLogin').createDialog({
                addr:  window.localeCode+'/'+window.currentPage+'/ajax/wronglogin/error_code/' + response.error_code + '/'
            });

            $('#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;
                }
                window.location.href = locationHref;
            }
        }

    }, "json");

});

$('#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('display');

                event.stopPropagation();

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

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

                if (v == 'block') {
                    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('display', 'none');
        })
    }

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

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

            // 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
    }
}();

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

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

    e.preventDefault();
    var formAction = this.action;
    /*
     * Modified By Harut
     * */
    var opmerkingen = $('#opmerkingen_id').val();
    if(opmerkingen == ""){
    	$('#opmerkingen_id').addClass('required error')
    }else{
        if(!($('#formReactionsubmit').hasClass("passive")))
        {
        $("#formReaction #proc_icon").css("display","inline");
        $('#formReactionsubmit').addClass("passive");        
    	$.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;
});

// vergroot class onclick event handler
function getImageName(item){
    img=""
    img_temp = $(item).attr("src");
	img = img_temp.substr(window.WEBSITE_URL.length + 1);
    return img;
}

$('#merk').createDialog({
    addr: 'index.html/ajax/merk/',
	data : {
	} ,
        _default : true , 
	_default_data_by : {
		 'merk' : 'class'
	},
	success: handleMerk
});

function handleMerk(){

}

$(document).ready(function(){

		$(".btnMoreInfo").createDialog({
			addr: 'index.html/ajax/property/',
			data: {
			},
			_default : true, 
			_default_data_by : {
				 'property' : 'rel'
			},
			method:'POST',
			success: function(){
			}
	});
	 /* temprory for testing */	
	$(".click_count").bind("click", function(e) {
		 $.post("elements/test.php");
	});
});