$(function() {	
	
	jQuery.httpbase = function( ){
		return $('base')[0].href;
	}
	
	$(".clickable").click( function() {
		href = $('a:eq(0)',this).attr('href');
		if( href != undefined ){
			document.location.href=$('a:eq(0)',this).attr('href');
		}
		return false;
	});
	
	$(".zoeken-blok form").submit( function() {		
		document.location.href=$(this).attr('action') + '/' + $('input[name="z"]').val();
		return false;
	});
	
	var values = new Array();
	var inputs = $(":input");
	
	inputs.each(function(i,e) {
		values[i] = e.value;
		if($(e).hasClass("clear-input")) {
			$(e).focus(function() {			
				if(e.value == values[i]) {				
					e.value = '';
				}
			});
			$(e).blur(function() {
				if(e.value == '') {
					e.value = values[i];
				}
			});
		} 
	});
	
	
	$('#filtering .filter select, .sorteren select').each( function(i,e) {		
		$(e).change(function(){
			location.href=$('option:selected',e).val();
		});
	});	

	
	$('.bestellen .info').each( function(i,info) {
		$("input",info).focus(function() {
			if($(info).is(":has(span)")) {				
				$.showTooltip(info,$("span",info).html());	
			}
		});	
	});
	
	$('form.creditcard input[type="button"]').click(function(){			
		$.getJSON($.httpbase()+"bestel/creditcardvalidate",$('form.creditcard').serialize(),function( data ){
			if (data['succes']==true){
				$('form.creditcard').submit();
    		}else{    			    			
    			$('.warnings').remove();
    			$('.fieldset').prepend(data['html']);    			
    		}
    	});	
		return false;
	});

	// hoofdmenu -> submenu tonen
	$('div.menu > ul > li').mouseover( function() {
		//alert(menuPosition.left);
		if(!$('a',this).hasClass('is-selected')) {
			$('div.menu > ul > li > a').removeClass('is-selected');
			$('a',this).eq(0).addClass('is-selected');
			
			$('div.submenu-content').hide();
			
			var menuPosition = $(this).position();
			var positieLinks = menuPosition.left + 2;
			
			$('div.submenu-content',this).css('left',-positieLinks);
			$('div.submenu-content',this).show();	
		}
	}).mouseout(function() {
		$('div.menu > ul > li a').removeClass('is-selected');
		$('div.submenu-content').hide();
	});
	

	// rollover image
	$('img.rollover').rollover(true);
	
	var footerHeight = $('div.footer-blok').outerHeight(true) + 80;

	$('div#footer').css('height',footerHeight + 'px');
	
	$('.artikel-blok').mousemove(function(e) {
		var x = ((e.pageX - $(this).offset().left) + 10);
		var y = ((e.pageY - $(this).offset().top) + 10);
		
		$('.sizes',this).css('left', x + 'px').css('top', y + 'px');		
	}).mouseover(function() {
		$('.sizes',this).show();
	}).mouseout(function(){
		$('.sizes',this).hide();
	});
	
});

jQuery.copyAfleveradres = function( form ){
	if( !form["afleveradres"].checked ){
		$('#afleveradres').hide();
	} else if( form["afleveradres"].checked && $('#afleveradres').css('display') == 'none' ) {
		$('#afleveradres').show();	
	} 
}

jQuery.showTooltip = function(element,data) {	
	
	tooltip = '<div class="tooltip">';
	tooltip += '<div class="top"></div>';
	tooltip += '<div class="content">'+data+'</div>';   
    tooltip += '<div class="bottom"></div>';
    tooltip += '</div>';   
		
	$(element).prepend(tooltip);			
	$('.tooltip', element).css('left',$('input',element).width());
	$(element).css('z-index','5');			
	
	$('input',element).blur(function() {
		$('.tooltip', element).remove();
		$(element).css('z-index','1');
	});	
}

/**
* Rollover effect, changes element's src attribute on hover, e.g.:
*
* image.png?foo=bar => image_h.png?foo=bar
*
* Pass true to preload images.
*/
jQuery.fn.rollover = function(preload) {
    this.filter(':not([src*="_h."])').each(function() {
    	var a = this.src, b = this.src.replace(/\.(\w+(\?[^$]*)?)$/, '-hover.$1');
        $(this).hover(function() { this.src = b; }, function() { this.src = a; });
        if (preload) {
            var i = new Image;
            i.src = b;
        }
    });
    return this;
};