(function($) {
    $.fn.extend({
        isChildOf: function( filter_string ) {
          
          var parents = $(this).parents().get();
         
          for ( j = 0; j < parents.length; j++ ) {
           if ( $(parents[j]).is(filter_string) ) {
      return true;
           }
          }
          
          return false;
        }
    });
})(jQuery); 

$.fn.tagName = function() {
    return this.get(0).tagName.toLowerCase();
}


$(document).ready(function($) {
						   
	$(".jqzoom").jqzoom();
						   
	$('.toggler').next().hide();
	$('.toggler').toggle(
		function() {
			$(this).css('background-color', '#f4f9fa').children('span').html('-');
			$(this).next().show(300);
			return false;
		}, function() {
			$(this).css('background-color', '').children('span').html('+');
			$(this).next().hide(300);
			return false;
		}
	);
	
	$('.sub:not(.sub_active)').each(function() {
		$(this).attr('data', $(this).height()).hide();
	});
	
	$('#nav a').click (function() {
		if (!$(this).isChildOf('.sub')) {
			var height = $(this).parent().next().attr('data');
			$(this).parent().next().css('height', '0px').animate({ height: height + 'px' }, 300);
		}
	});
	
	checkContentImages();
	
	$('#merken').change(function()
	{
		var prod = '';
		var merk = $(this).val();
		prod = $(this).parent().find('input[name=prod]').val();
		var action = $(this).parent().attr('action');
		
		window.location=action+merk+((prod != '') ? '/'+prod : '' );
	});
	
});

function changeBigPhoto (src, foto) {
	
	src1 = '/dynamic/product/large/' + src;
	src2 = '/dynamic/product/raw/' + src;
	
	$('#big_photo').attr('src', src1);
	if ($('#big_photo').parent().tagName() == 'a') {
		$('#big_photo').parent().attr('href', src2);
		$('.jqzoom').jqzoomRemove().jqzoom();
	
	}
	
	els = document.getElementsByClassName('left')[0].getElementsByTagName('img');
	for (var t = 0; t < els.length; t++)
		els[t].style.borderColor = '#ad536c';
		
	document.getElementById(foto).style.borderColor = '#ffffff';
	
}

function checkContentImages () {
	
	if (document.getElementById('content_wrapper')) {
		
		var els = document.getElementById('content_wrapper').getElementsByTagName('img');
		for (var t = 0; t < els.length; t++) {
			
			if (els[t].getAttribute ('align') == "left")
				els[t].style.marginRight = '10px';
			else if (els[t].getAttribute ('align') == "right")
				els[t].style.marginLeft = '10px';
			
		}
		
	}
	
}