$(document).ready(function() {

    $('a.submit').click (function() {
        if ($(this).parents('form').length == 1)
            $(this).parents('form').submit();
        
        return false;
    });
    $('div#request_account_manager ul.tree li span a').click (function(e) {
    	if ((!$(this).parents('li').children('ul').attr('expanded')) || ($(this).parents('li').children('ul').attr('expanded') == 'false')) {
            $(this).parents('li').children('ul').slideDown(250);
            $(this).parents('li').children('ul').attr('expanded', 'true');
            $(this).attr ('class', 'expanded');
        }
        else {
            $(this).parents('li').children('ul').slideUp(250);
            $(this).parents('li').children('ul').attr('expanded', 'false');
            $(this).attr ('class', 'daddy');
        }
        
        return false;
    });
    $('div#sitemap ul.tree li span a').click(function(e) {
		
		e.cancelBubble = true;
		location.href = $(this).attr('href');
		return false; 
	});

	
	$('ul.tree li span.daddy').click (function() {
        if ((!$(this).parent('li').children('ul').attr('expanded')) || ($(this).parent('li').children('ul').attr('expanded') == 'false')) {
            $(this).parent('li').children('ul').slideDown(250);
            $(this).parent('li').children('ul').attr('expanded', 'true');
            $(this).attr ('class', 'expanded');
        }
        else {
            $(this).parent('li').children('ul').slideUp(250);
            $(this).parent('li').children('ul').attr('expanded', 'false');
            $(this).attr ('class', 'daddy');
        }
	});	
	
	
	/* make button clickable */
	$('div.pseudo_combobox input').click (function (e) {
		if ((!$(this).attr ('expanded')) || $(this).attr ('expanded') == 'false')
		{
			var panel = $(this).parent('div').find ('ul').slideDown(250);
			panel.attr('expanded', 'true');
			
			// catch click events for entire body to close combobox
			$(document.body).one('click', function() {
				$("ul[expanded='true']").slideUp(250);
				$("ul[expanded='true']").attr('expanded', 'false');
			});
			
			e.cancelBubble = true;
			e.stopPropagation();
		}
		else
		{
			$(this).parent('div').find ('ul').slideUp(250);
			$(this).attr('expanded', 'false');
		}
	});
	
	/* make combobox items clickable */	
	$('.pseudo_combobox ul li').click (function () 
	{
		var parentDiv = $(this).parent('ul').parent('div');
		parentDiv.find('p').html ($(this).html());
		parentDiv.find ("input[type='hidden']").val($(this).attr('value'));
	});
	
	$('.pseudo_combobox ul li').hover (function() {
		$(this).toggleClass ('hover');
	}, function() {
		$(this).toggleClass ('hover');
	});
      
    // frame protection for links (this is done for frame embedding of menu items)
    $('#toolbox a').bind('click', function() {
        if (top.location != self.location)
        {
            top.location = $(this).attr('href');
            return false;
        }   
    });
    
    $('ol#site_navigation li.first_item a').bind('click', function() {
        if (top.location != self.location)
        {
            top.location = $(this).attr('href');
            return false;
        }   
    });
    
    $('a#homeLink').bind('click', function() {
        if (top.location != self.location)
        {
            top.location = $(this).attr('href');
            return false;
        }   
    });
    
    /**
	 * NEWS TABS
	 */
	if($("#newsContainer").length > 0)
	{
    	$(function() 
    	{
			$('#newsContainer').tabs({ fxFade: true, fxSpeed: 'fast' });
		});
	}
	
	$(document).ready(function() {
		$("#showHeadlinesAlgemeen").click(function() {
			$('.newsLead').hide('fast');
			$('.newsLeadAlgemeen').hide('fast');
			$('.newsLeadBranche').hide('fast');
			$('#headlinesBranche').hide('fast');
			$('#newsContainer').triggerTab(7);
			$('#headlinesAlgemeen').show({fxFade: true, fxSpeed: 'fast'});
		});
	});
	
	$(document).ready(function() {
		$("#showHeadlinesBranche").click(function() {
			$('.newsLead').hide('fast');
			$('.newsLeadAlgemeen').hide('fast');
			$('.newsLeadBranche').hide('fast');
			$('#headlinesAlgemeen').hide('fast');
			$('#newsContainer').triggerTab(7);
			$('#headlinesBranche').show({fxFade: true, fxSpeed: 'fast'})
		});
	});
	// add or substract 39px to include or exclude the titlebar
    
    // add or substract 39px to include or exclude the titlebar
    var obHeight   = $('#bannerContent').height();
    var newsHeight = $('#newsContent').height();   
    
    /*if (obHeight > (newsHeight)) // 196 > 193
    {
    	
        $('#newsContent').height(obHeight-39); // 196 - 39 = 157
        $('#bannerContent').height(obHeight+10);
    }
    else
    {
        //$('#bannerContent').height(newsHeight + 63);
        $('#bannerContent').height(newsHeight - 53);
    }
    
    */
    // CHOICEHELP
 	// none
 	
 	
 	
 	if ( $("#complaintSubject").length > 0 ) {

 		$('#complaintSubject').change(function() {
	 		
	 		// hide all
	 		$('.hidden').each(function(i) {
	 			
	 			$(this).css({'display' : 'none'});
				
			});
	 		
	 		if($(this).val() == "Storingsafhandeling") {
	 			
	 			$('#complaintHandling').css({'display' : 'block'});
	 			
	 			$('#txtTicketNumber').val('');
	 			$('#txtServiceID').val('');
	 			
	 		} else if ($(this).val() == "Levering") {
	 			
	 			$('#delivery').css({'display' : 'block'});
	 			
	 			$('#txtTicketNumber').val('1111111');
	 			$('#txtServiceID').val('1111111');
	 			
	 		} else if ($(this).val() == "Factuur") {
	 			
	 			$('#invoice').css({'display' : 'block'});
	 			$('#txtTicketNumber').val('1111111');
	 			$('#txtServiceID').val('1111111');
	 			
	 		} else {
	 			
	 			$('#reference').css({'display' : 'block'});
	 			$('#txtTicketNumber').val('1111111');
	 			$('#txtServiceID').val('1111111');
	 			
	 		}
	 			
	 	
	 	});
	 	
 	}
 	
 	if ( $("#complaintsForm #txtDescription").length > 0 ) { 
 		
 		$("#txtDescription").keydown(function() {
 			
 			var value = $(this).val();
 			
 			if($(this).val().length >= 500) {
 				
 				alert('U kunt maximaal 500 karakters invoeren');
 				$(this).val($(this).val().substr(0,500));
 				
 			}
 				
 			
 		});
 		
 	}
 	
 	//if ( $("#complaintsForm #txtTicketNumber").length > 0 ) $("#txtTicketNumber").mask("9999999999");
 	
 	//if ( $("#complaintsForm #txtServiceID").length > 0 ) $("#txtServiceID").mask("999.999.999");
 	
 	if ( $("#complaintsForm #txtZip").length > 0 ) $("#txtZip").mask("9999aa");
 	
 	if ( $("#complaintsForm #txtPhone").length > 0 ) $("#txtPhone").mask("9999999999");
 	
 	//if ( $("#complaintsForm #txtCellphone").length > 0 ) $("#txtCellphone").mask("9999999999");
 
 	if ( $("#complaintsForm #txtEmail").length > 0 ) {

 		$("#complaintsForm #txtEmail").blur(function(){
 			
 			var showMessage = true;
 			
 			$(this).parents().find('label.error').each(function(i) {
 				
 				if($(this).css('display') == "block" || $(this).css('display') == "inline") showMessage = false;
 				
 			});
 				
 			
 			if(!$(this).parent().find('LABEL').hasClass('message') && showMessage == true) {
 			
 				label = $("<label/>")
						.addClass("message")
						.html("Dit adres zal gebruikt worden om u de bevestiging te sturen en voor eventueel aanvullende vragen.");

				label.insertAfter($(this));
			
 			}
 			
	 	});
 	
 	}
 	
 	//if ( $("#complaintsForm").length > 0 ) $("#complaintsForm").validate();
 	if($("#complaintsForm").length > 0)
	{	
	 	$("#complaintsForm").validate({
			rules: {
				txtSubject: "required",
				txtConcerns: "required",
				txtProduct: "required",
				txtTicketNumber: {
					required: true,
					minlength: 7
				},
				txtServiceID: {
					required: true,
					minlength: 7
				},
				txtDescription: {
					required: true,
					maxlength: 500
				},
				txtRelation: {
					required: true,
					digits: true
				},
				txtCompany: "required",
				txtStreet: "required",
				txtNumber:  {
					required: true,
					containdigits: true
				},
				txtZip: {
					required: true,
					zip: true
				},
				txtCity: "required",
				txtGender: "required",
				txtInitials: "required",
				txtSurname: "required",
				txtPhone: {
					required: true,
					phone: true
				},
				txtEmail: {
					email: true,
					required: true
				}
			},
			messages: {
				txtSubject: "Dit veld is verplicht",
				txtConcerns: "Dit veld is verplicht",
				txtProduct: "Dit veld is verplicht",
				txtTicketNumber: {
					required: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
					minlength: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen."
				},
				txtServiceID: {
					required: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
					minlength: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen."
				},
				txtDescription: {
					required: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
					maxlength: "U kunt maximaal 500 karakters invullen"
				},
				txtRelation: {
					required: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
					digits: "Vul alleen getallen in."
				},
				txtCompany: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
				txtStreet: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
				txtNumber: {
					required: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
					containdigits: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen."
				},
				txtZip: {
					required: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
					zip: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen."
				},
				txtCity: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
				txtGender: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
				txtInitials: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
				txtSurname: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
				txtPhone: {
					required: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen.",
					phone: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen."
				},
				txtEmail: "Indien u uw gegevens volledig en duidelijk kunt invullen, kunnen wij uw klacht direct in behandeling nemen."
			}
		});
	}
 	
 	/*TOOLTIP*/
 	if($("a.tooltipInfo").length > 0)
	{	 	
		$('a.tooltipInfo').tooltip(
		{
			track: true,
			delay: 0,
			showURL: false,
			extraClass: "chInfo",
			showBody: " - ",
			positionLeft: false,
			fade: 200
		});	
	}
	
	/* 
		productInfoBoxes
		set active - also change product in background on server
		...
	*/ 
	$("div.productInfoBox").click(function() {
		
		$("div.productInfoBox").each(function() {

			var obj1 = $(this).find("div.productInfoBoxTop_Active");
				obj1.removeClass("productInfoBoxTop_Active");
				obj1.addClass("productInfoBoxTop");
				
			var obj2 = $(this).find("div.productInfoBoxContent_Active");
				obj2.removeClass("productInfoBoxContent_Active");
				obj2.addClass("productInfoBoxContent");
				
			var obj3 = $(this).find("div.productInfoBoxBottom_Active");
				obj3.removeClass("productInfoBoxBottom_Active");
				obj3.addClass("productInfoBoxBottom");
		
			var obj1 = $(this).find("div.productInfoBoxTop_Over");
				obj1.removeClass("productInfoBoxTop_Over");
				obj1.addClass("productInfoBoxTop");
				
			var obj2 = $(this).find("div.productInfoBoxContent_Over");
				obj2.removeClass("productInfoBoxContent_Over");
				obj2.addClass("productInfoBoxContent");
				
			var obj3 = $(this).find("div.productInfoBoxBottom_Over");
				obj3.removeClass("productInfoBoxBottom_Over");
				obj3.addClass("productInfoBoxBottom");
				
		});
		
		
		/*
		- check other products...
		- toggle only one product as active
		*/
		
		var div1 = $(this).find("div.productInfoBoxTop");
			div1.removeClass("productInfoBoxTop");
			div1.addClass("productInfoBoxTop_Active");
			
		var div2 = $(this).find("div.productInfoBoxContent");
			div2.removeClass("productInfoBoxContent");
			div2.addClass("productInfoBoxContent_Active");
			
		var div3 = $(this).find("div.productInfoBoxBottom");
			div3.removeClass("productInfoBoxBottom");
			div3.addClass("productInfoBoxBottom_Active");
		
	});	
	
	$("div.productInfoBox").mouseover(function() {
		
		var obj1 = $(this).find("div.productInfoBoxTop");
		obj1.removeClass("productInfoBoxTop");
		obj1.addClass("productInfoBoxTop_Over");

		var obj2 = $(this).find("div.productInfoBoxContent");
		obj2.removeClass("productInfoBoxContent");
		obj2.addClass("productInfoBoxContent_Over");
		
		var obj3 = $(this).find("div.productInfoBoxBottom");
		obj3.removeClass("productInfoBoxBottom");
		obj3.addClass("productInfoBoxBottom_Over");

	});
	
	$("div.productInfoBox").mouseout(function() {
		
		var obj1 = $(this).find("div.productInfoBoxTop_Over");
		obj1.removeClass("productInfoBoxTop_Over");
		obj1.addClass("productInfoBoxTop");

		var obj2 = $(this).find("div.productInfoBoxContent_Over");
		obj2.removeClass("productInfoBoxContent_Over");
		obj2.addClass("productInfoBoxContent");
		
		var obj3 = $(this).find("div.productInfoBoxBottom_Over");
		obj3.removeClass("productInfoBoxBottom_Over");
		obj3.addClass("productInfoBoxBottom");

	});
	
});