$(document).ready(function() {

	$("#contact").click(function () {
    	if ($(this).css('right') == "-650px") {
			$(this).animate({ right: '0px'}, 400);
		} else {
			$(this).animate({ right: '-650px'}, 400);
		}
    });
	
	if ($('#mainNavigation li:first-child').hasClass('active')){
		$(".navigation_left").addClass("navigation_activeLeft");
	} else {
		$('#mainNavigation li:first-child').mouseover(function() {
			$(".navigation_left").addClass("navigation_activeLeft");
		});
		
		$('#mainNavigation li:first-child').mouseout(function() {
			$(".navigation_left").removeClass("navigation_activeLeft");
		});
	}
	
	$("#loginForm").inputHintOverlay();

    $("select").uniform();

	$('#bedrukkingForm').ajaxForm({
        success: function(data) {
            var $out = $('#textformulier');
            $out.html('');
            if (typeof data == 'object' && data.nodeType)
                data = elementToString(data.documentElement, true);
            else if (typeof data == 'object')
                data = objToString(data);
           		$out.append(''+ data +'');
        }
    });
	
	var options = { 
        target:        '#uploadformulier',   // target element(s) to be updated with server response 
        beforeSubmit:  showRequest,  // pre-submit callback 
        success:       showResponse  // post-submit callback 
 
        // other available options: 
        //url:       url         // override for form's 'action' attribute 
        //type:      type        // 'get' or 'post', override for form's 'method' attribute 
        //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
        //clearForm: true        // clear all form fields after successful submit 
        //resetForm: true        // reset the form after successful submit 

    };
	
	$('#uploadForm').ajaxForm(options); 
	
	$('a.tooltip').tooltip({
		track: true,
		delay: 0,
		showURL: false,
		showBody: " - ",
		fade: 250,
		opacity: 1, 
		positionLeft: true,
		top: 15, 
    	left: -10 
	});
	
});

function showRequest(formData, jqForm, options) { 
    // formData is an array; here we use $.param to convert it to a string to display it 
    // but the form plugin does this for you automatically when it submits the data 
    var queryString = $.param(formData); 
 
    // jqForm is a jQuery object encapsulating the form element.  To access the 
    // DOM element for the form do this: 
    // var formElement = jqForm[0]; 
 
    $('img.loader').show();
 
    // here we could return false to prevent the form from being submitted; 
    // returning anything other than false will allow the form submit to continue 
    return true; 
}

function showResponse(responseText, statusText, xhr, $form)  { 
    // for normal html responses, the first argument to the success callback 
    // is the XMLHttpRequest object's responseText property 
 
    // if the ajaxForm method was passed an Options Object with the dataType 
    // property set to 'xml' then the first argument to the success callback 
    // is the XMLHttpRequest object's responseXML property 
 
    // if the ajaxForm method was passed an Options Object with the dataType 
    // property set to 'json' then the first argument to the success callback 
    // is the json data object returned by the server 

	$('#uploadformulier').html(responseText);
} 


function horecaSchorten1(id, maat) {

	$("#horecaschorten_container_stap2").load("index.php", {
		
		'loadRequestFront'		: 'horecaschorten',
		'object'				: 'horecaschorten',
		'function'				: 'selectColor', 
		'productID'				: id
		
	}, function(){
		
		$("#productMaat").val(maat);
		$("#productExtras").val('geenextras');
		$(".horecaschorten_stap2").show(); 
		$(".horecaschorten_stap3").hide();
		$(".button_horeca").hide();
		$(".horecaschorten_stap1 .horecaBox").css({'border': '3px solid #efefef'}); 
		$(".horecaschorten_stap1 #horecaBox"+id).css({'border': '3px solid #4f91cc'}); 
		$('html,body').animate({scrollTop: $('#horecaschorten_stap2').offset().top},'slow');
	
	});
	
}

function horecaSchorten2(id) {

	$("#horecaschorten_container_stap3").load("index.php", {
		
		'loadRequestFront'		: 'horecaschorten',
		'object'				: 'horecaschorten',
		'function'				: 'selectExtras', 
		'productID'				: id
		
	}, function(){
		
		$("#productid").val(id);
		$("#productID2").val(id);
		$("#productID3").val(id);
		
		$("#productExtras").val('geenextras');
		$(".horecaschorten_stap3").show(); 
		$(".horecaschorten_stap4").show(); 
		$(".horecaschorten_stap2 .horecaBox").css({'border': '3px solid #efefef'}); 
		$(".horecaschorten_stap2 #horecaBox"+id).css({'border': '3px solid #4f91cc'}); 
		$('html,body').animate({scrollTop: $('#horecaschorten_stap3').offset().top},'slow');
		$(".button_horeca").show();
		
		$('a.tooltip').tooltip({
			track: true,
			delay: 0,
			showURL: false,
			showBody: " - ",
			fade: 250,
			opacity: 1, 
			positionLeft: true,
			top: 15, 
			left: -10 
		});
	
	});
	
}

function horecaSchorten3(id) {

	$("#productExtras").val(id);
	$(".horecaschorten_stap3 .horecaBox").css({'border': '3px solid #efefef'}); 
	$(".horecaschorten_stap3 #horecaBox"+id).css({'border': '3px solid #4f91cc'}); 
	$('html,body').animate({scrollTop: $('#horecaschorten_stap4').offset().top},'slow');
	
}