// JavaScript Document
var DIR_IMAGES = 'http://www.x1-autoteile.de/images/';
var DIR_AJAX = '';


function getKeyCode(event)
{
	event = event || window.event;
	return event.keyCode;
}

function cart(ID){
	var param 			= new Array();
	param['articleNo']	= ID.split(':')[1];
	param['articleNo']	= param['articleNo'].split('~').join(' ');
	param['brandNo'] 	= ID.split(':')[2];
	param['GenArtNr'] 	= ID.split(':')[3];
	param['carId']	 	= ID.split(':')[4];
	param['groupNode']	= ID.split(':')[5];
	param['action']		= ID.split(':')[6];
	param['quantity_id']= ID.split(':')[1]+":"+ID.split(':')[2]+":"+ID.split(':')[3];
	param['quantity_id']= param['quantity_id']+":"+ID.split(':')[4];
	param['quantity_id']= param['quantity_id']+":"+ID.split(':')[5];
	param['uniqueId']	= param['quantity_id'];
	param['quantity_id']= document.getElementById("quantity:"+param['uniqueId']);
	param['wk_text']	= document.getElementById("wk_text:"+param['uniqueId']);
	param['wk_minus']	= document.getElementById("cart2:"+param['uniqueId']+":minus");
	param['quantity']	= param['quantity_id'].value;
	$.ajax({
		type: "POST",
		url: "ajax/update_total.php",
		data: "articleNo="+param['articleNo']+"&brandNo="+param['brandNo']+"&GenArtNr="+param['GenArtNr']+"&quantity="+param['quantity']+"&carId="+param['carId']+"&groupNode="+param['groupNode']+"&action="+param['action'],
		dataType: "json",
		success: function(data)
		{
			/*if($('#cart_sum_total').length)
			{
				$.ajax({
					url: "ajax/cart_sum.php",
					success: function(data)
					{
						//$('#cart_sum_total').html(unescape(strResponse))
					}
				});
			}*/
			$(param['quantity_id']).val(data.position.quantity);
			if($(param['wk_text']).length)
			{
				if(data.position.quantity)
				{
					$(param['wk_text']).html('Warenkorb ('+data.position.quantity+')');
					if($(param['wk_minus']).length)
					{
						$(param['wk_minus']).css('display', 'inline');
					}
				}
				else
				{
					$(param['wk_text']).html('Warenkorb (0)');
					if($(param['wk_minus']).length)
					{
						$(param['wk_minus']).css('display', 'none');
					}
				}
			}
			$(document.getElementById('entry:'+param['uniqueId'])).find('span[class~="sum"]').html(data.position.brutto);
			$(document.getElementById('entry:'+param['uniqueId'])).find('span[class~="deposit"]').html(data.position.deposit);
			if(!data.position.save)
				$(document.getElementById('entry:'+param['uniqueId'])).find('span[class~="save_container"]').hide();
			else
			{
				$(document.getElementById('entry:'+param['uniqueId'])).find('span[class~="save_container"]').show();
				$(document.getElementById('entry:'+param['uniqueId'])).find('span[class~="save"]').html(data.position.save);
			}
			
			if($(document.getElementById('subtotal:'+param['carId'])).length)
			{
				$(document.getElementById('subtotal:'+param['carId'])).find('span[class~="sum"]').html(data.subtotal.brutto);
			}
			if($('#cart_sum_total').length)
			{
				$('#cart_sum_total').find('span[class~="netto"]').html(data.total.netto);
				$('#cart_sum_total').find('span[class~="tax"]').html(data.total.tax);
				$('#cart_sum_total').find('span[class~="at"]').html(data.total.at);
				$('#cart_sum_total').find('span[class~="deposit"]').html(data.total.deposit);
				$('#cart_sum_total').find('span[class~="brutto"]').html(data.total.brutto);
				$('#cart_sum_total').find('span[class~="total_brutto"]').html(data.total.total_brutto);
			}
			if($('#abs_footer').length)
			{
				$('#abs_footer').find('span[class~="count_article"]').html(data.count_article);
				$('#abs_footer').find('span[class~="total_brutto"]').html(data.total.brutto);
				$('#abs_footer').find('span[class~="total_deposit"]').html(data.total_deposit);
			}
			if($('#abs_footer2').length)
			{
				$('#abs_footer2').find('span[class~="count_article"]').html(data.count_article);
				$('#abs_footer2').find('span[class~="total_brutto"]').html(data.total.brutto);
				$('#abs_footer2').find('span[class~="total_deposit"]').html(data.total_deposit);
			}
			if($('#cart').length)
			{
				$('#cart').find('span[class~="count_article"]').html(data.count_article);
				$('#cart').find('span[class~="total_brutto"]').html(data.total.brutto);
				$('#cart').find('span[class~="total_deposit"]').html(data.total_deposit);
			}
			if($('#message').length)
			{
				$('#message').html(data.message).show().css('visibility', 'visible').delay(5000).hide(10);
			}
			//.find('span[class:"sum"]').html();
			//alert(data.position.netto);
		}
	});
/*
	$.ajax({
		type: "POST",
		url: "ajax/cart.php",
		data: "articleNo="+articleNo+"&brandNo="+brandNo+"&GenArtNr="+GenArtNr+"&quantity="+quantity+"&carId="+carId+"&action="+action,
		success: function(strResponse)
		{
			if($('#cart_sum_total').length)
			{
				$.ajax({
					url: "ajax/cart_sum.php",
					success: function(strResponse)
					{
						$('#cart_sum_total').html(unescape(strResponse))
					}
				});
			}
			$(quantity_id).val(unescape(strResponse))
		}
	});

	$.post("ajax/update_total.php", param., function(data){
	alert(data.total.netto);
	alert(data.total.test);
	}, "json");
*/
}
$.widget( "custom.catcomplete", $.ui.autocomplete, {
	_renderMenu: function( ul, items ) {
		var self = this,
			currentCategory = "";
			currentNode = "";
		$.each( items, function( index, item ) {
			if ( item.category != currentCategory ) {
				ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
				currentCategory = item.category;
			}
			if ( item.node != currentNode ) {
				ul.append( "<li class='ui-autocomplete-category'>" + item.node + "</li>" );
				currentNode = item.node;
			}
			self._renderItem( ul, item );
		});
	}
});

$(document).ready( function() {
	$('.placeholder').focus(function() {
		var input = $(this);
		if (input.hasClass('placeholder')) {
			input.val('');
			input.removeClass('placeholder');
	}
	}).blur(function() {
		var input = $(this);
		if (input.val() == '' || input.val() == input.attr('placeholder')) {
			input.addClass('placeholder');
			input.val(input.attr('placeholder'));
		}
	}).blur();

	$('input#search').catcomplete({
		source:	function(request, response)
				{
					var carId = $('input#search').attr('carId');
					$.ajax({
						url: 'ajax/search.php',
						dataType: 'json',
						data: { q: request.term, carId:carId },
						success: function(data) {
							response(data);
						}
					})
				},
		focus: function(event, ui){
			$('#search').val(ui.item.label);
			return false;
		},
		select: function(event, ui){
			$('#search').val(ui.item.label);
			return false;
		}
	});
	
	
	if($(window).scrollTop() <= $(document).height() - $(window).height() - 150)
	{
		$('#abs_footer').addClass('scroll');
		$('#abs_footer').removeClass('static');
	} else {
		$('#abs_footer').addClass('static');
		$('#abs_footer').removeClass('scroll');
	}

	$(window).resize(function(e) {
		if($(window).scrollTop() <= $(document).height() - $(window).height() - 150)
		{
			$('#abs_footer').addClass('scroll');
			$('#abs_footer').removeClass('static');
		} else {
			$('#abs_footer').addClass('static');
			$('#abs_footer').removeClass('scroll');
		}
    });
	$(window).scroll(function (event) {
		var y = $(this).scrollTop();
		if (y <= $(document).height() - $(window).height() - 150) {
			$('#abs_footer').addClass('scroll');
			$('#abs_footer').removeClass('static');
		} else {
			$('#abs_footer').addClass('static');
			$('#abs_footer').removeClass('scroll');
		}
	});
	
	
	var delayed;
	$('input#assembly_search').keyup(function(e) {
		clearTimeout(delayed);
		var searchstring = $(this).val();
		var carid = $(this).attr('carId');
		$(this).addClass('ajax_loading_right');
		delayed = setTimeout(
		function() {
				$.ajax({
					type: "POST",
					url: "ajax/assembly_search.php",
					async: true,
					data: {searchstring:searchstring, carId:carid},
					success: function(result)
					{
						$('input#assembly_search').removeClass('ajax_loading_right');
						$('#assembly_search_result').html(result);
					}
				})
		}
			, 400);
    });
	$('input#assembly_search').focus(function(e) {
		clearTimeout(delayed);
		var searchstring = $(this).val();
		var carid = $(this).attr('carId');
		delayed = setTimeout(
		function() {
				$.ajax({
					type: "POST",
					url: "ajax/assembly_search.php",
					async: true,
					data: {searchstring:searchstring, carId:carid},
					success: function(result)
					{
						$('#assembly_search_result').html(result);
					}
				})
		}
			, 100);
    });


	if($('#selection_tabs select#vehicle_Manufactures').length)
	{
		$('select#vehicle_Models').attr('disabled', 'disabled');
		$.ajax({
			url: ('ajax/select_vehicle.php'),
			dataType: 'html',
			success: function(data){
				$('#selection_tabs select#vehicle_Manufactures').removeClass('ajax_loading');
				$('#selection_tabs select#vehicle_Manufactures').html(data);
				$('#selection_tabs select#vehicle_Manufactures').removeAttr('disabled');
			}
		})
	}
	
	$('select#vehicle_Manufactures').change(function(e) {
		$('#selection_tabs select#vehicle_Ids').html('');
		$('#selection_tabs select#vehicle_Models').html('');
		$('#selection_tabs select#vehicle_Models').addClass('ajax_loading');
		$('#selection_tabs select#vehicle_Ids').attr('disabled', 'disabled');
		$('#selection_tabs select#vehicle_Ids').html('');
		$('#selection_tabs input#vehicle_submit').addClass('button_submit_disable');
		$('#selection_tabs input#vehicle_submit').removeClass('button_submit_active');
		$('#selection_tabs input#vehicle_submit').attr('disabled', 'disabled');
        $.ajax({
			url: ('ajax/select_vehicle.php'),
			data: {
				type: $(this).attr('type'),
				id2:	$(this).val()
			},
			dataType: 'html',
			success: function(data){
				$('#selection_tabs select#vehicle_Models').removeClass('ajax_loading');
				$('#selection_tabs select#vehicle_Models').removeAttr('disabled');
				$('#selection_tabs select#vehicle_Models').html(data);
				$('#selection_tabs select#vehicle_Models').removeAttr('disabled');
			}
		})

    });
	
	$('#selection_tabs select#vehicle_Models').change(function(e) {
		$('#selection_tabs select#vehicle_Ids').html('');
		$('#selection_tabs select#vehicle_Ids').addClass('ajax_loading');
		$('#selection_tabs input#vehicle_Ids').attr('disabled', 'disabled');
		$('#selection_tabs input#vehicle_submit').addClass('button_submit_disable');
		$('#selection_tabs input#vehicle_submit').removeClass('button_submit_active');
		$('#selection_tabs input#vehicle_submit').attr('disabled', 'disabled');
	        $.ajax({
			url: ('ajax/select_vehicle.php'),
			data: {
				type: $(this).attr('type'),
				id2:	$(this).val()
			},
			dataType: 'html',
			success: function(data){
				$('#selection_tabs select#vehicle_Ids').removeClass('ajax_loading');
				$('#selection_tabs select#vehicle_Ids').html(data);
				$('#selection_tabs select#vehicle_Ids').removeAttr('disabled');
			}
		})
    });
	
	$('#selection_tabs select#vehicle_Ids').change(function(e) {
		if($(this).val() != '')
		{
			$('#selection_tabs input#vehicle_submit').addClass('button_submit_active');
			$('#selection_tabs input#vehicle_submit').removeClass('button_submit_disable');
			$('#selection_tabs input#vehicle_submit').removeAttr('disabled');
		}
	});
	
	$('#selection_tabs input#vehicle_submit').click(function(e) {
		if($(this).hasClass('button_submit_active'))
		{
			var groupnode = $('#selection_tabs select#vehicle_Ids').attr('groupnode');
			var carId = $('#selection_tabs select#vehicle_Ids').val();
			window.location='/index.php?site=carproducts&groupnode='+groupnode+'&carId='+carId;
		}
    });
	
	$('#selection_tabs input#select_hsn, input#select_tsn').keyup(function(e) {
		if($('#selection_tabs input#select_hsn').val().length == 4)
		{
			$('#selection_tabs input#select_tsn').focus();
		}
		if(e.keyCode == 8 && $('#selection_tabs input#select_tsn').focus() && $('#selection_tabs input#select_tsn').val().length == 0)
		{
			$('#selection_tabs input#select_hsn').focus();
		}
		if($('#selection_tabs input#select_hsn').val().length == 4 && $('#selection_tabs input#select_tsn').val().length == 3)
		{
			$('#selection_tabs p#kba_result').html('&nbsp;<br />&nbsp;');
			$('#selection_tabs p#kba_result').addClass('ajax_loading');
			$.ajax({
				url: ('ajax/select_vehicle.php'),
				data: {
					type: 'kba',
					kbahsn:	$('#selection_tabs input#select_hsn').val(),
					kbatsn: $('#selection_tabs input#select_tsn').val()
				},
				dataType: 'html',
				success: function(data){
					$('#selection_tabs p#kba_result').removeClass('ajax_loading');
					$('#selection_tabs p#kba_result').html(data);
					if($('#selection_tabs input#radio_carId').length)
						if($('#selection_tabs input#radio_carId').val())
						{
							$('#selection_tabs input#carId_radio_submit').addClass('button_submit_active');
							$('#selection_tabs input#carId_radio_submit').removeClass('button_submit_disable');
							$('#selection_tabs input#carId_radio_submit').removeAttr('disabled');
						}
				}
			})
		}
		else
		{
			$('#selection_tabs p#kba_result').html('&nbsp;<br />&nbsp;');
		}
	});
	
	$('#selection_tabs input#carId_radio_submit').click(function(e) {
		if($(this).hasClass('button_submit_active'))
		{
			var groupnode = $('#selection_tabs select#vehicle_Ids').attr('groupnode');
			var carId = $('#selection_tabs input#radio_carId').val();
			window.location='/index.php?site=carproducts&groupnode='+groupnode+'&carId='+carId;
		}
    });
	
	$('#selection_tabs input#articlesearch2').keyup(function(e) {
       if($(this).val().length > 1)
	   {
			$('#selection_tabs input#directsearch_submit').addClass('button_submit_active');
			$('#selection_tabs input#directsearch_submit').removeClass('button_submit_disable');
			$('#selection_tabs input#directsearch_submit').removeAttr('disabled');
	   }
	   else
	   {
   			$('#selection_tabs input#directsearch_submit').addClass('button_submit_disable');
			$('#selection_tabs input#directsearch_submit').removeClass('button_submit_active');
			$('#selection_tabs input#directsearch_submit').attr('disabled', 'disabled');
	   }
    });
	
	$('#selection_tabs').tabs();

	$('.garage_notice').change(function() {
		var input = $(this);
		var row = input.attr('name');
		var value = input.val();
		var id = input.attr('id');
		id = id.split('_')[1];
		$.ajax({
			type: "POST", 
			url: "ajax/update_garage.php",
			data: "id="+id+"&row="+row+"&value="+value,
			dataType: "json", 
			success: function(data)
				{
					if($('#message').length)
					{
						$('#message').html(data.message).show().css('visibility', 'visible').delay(5000).hide(1);
					}
				}
		});
	});
	
	$('.garage_delete').click(function(e) {
		if(confirm('Sind Sie sicher das Sie das Fahrzeug löschen möchten?'))
		{
			var input = $(this);
			var id = input.attr('id');
			id = id.split('_')[1];
			$.ajax({
				type: "POST", 
				url: "ajax/update_garage.php",
				data: "id="+id+"&action=delete",
				dataType: "json", 
				success: function(data)
				{
					$('#tr1_'+id).hide();
					$('#tr2_'+id).hide();
					$('#message_update_garage').html(data.message).show().css('visibility', 'visible').delay(5000).hide(100);
				}
			});
		}
    });
	
	$('.garage_delete_all').click(function(e) {
		if(confirm('Sind Sie sicher das Sie alle Fahrzeuge unwiderruflich löschen möchten?'))
		{
			var input = $(this);
			var id = 'all';
			$.ajax({
				type: "POST", 
				url: "ajax/update_garage.php",
				data: "id="+id+"&action=delete",
				dataType: "json", 
				success: function(data)
				{
					location.reload();
				}
			});
		}
    });
	
	$('.trigger').click( function() {
		var trig = $(this);
		if (trig.hasClass('trigger_active') ) {
			if(this.id)
			{
				$("#toggle_"+this.id).show();
				$("#check_img_"+this.id).attr('src', DIR_IMAGES+'/hakele/checkbox_aktiv.gif');
				$("#check_img_"+this.id).addClass('active');
				$("#img_"+this.id).addClass('active');
			}
			else
				trig.next('.toggle_container').show();
			trig.removeClass('trigger_active');
		} else {
			if(this.id)
			{
				$("#toggle_"+this.id).hide();
				$("#check_img_"+this.id).attr('src', DIR_IMAGES+'/hakele/checkbox_inaktiv.gif');
				$("#check_img_"+this.id).removeClass('active');
				$("#img_"+this.id).removeClass('active');
			}
			else
				trig.next('.toggle_container').hide();
			trig.addClass('trigger_active');
		};
	return false;
	});
	$('.trigger').mouseenter( function()	{
		var trig = $(this);
		if(this.id)
		{
			if($("#check_img_"+this.id).hasClass('active'))
			{
				$("#check_img_"+this.id).attr('src', DIR_IMAGES+'/hakele/checkbox_aktiv_hover.gif');
			}
			else
				$("#check_img_"+this.id).attr('src', DIR_IMAGES+'/hakele/checkbox_inaktiv_hover.gif');
		}
	});
	$('.trigger').mouseleave( function()	{
		var trig = $(this);
		if(this.id)
		{
			if($("#check_img_"+this.id).hasClass('active'))

				$("#check_img_"+this.id).attr('src', DIR_IMAGES+'/hakele/checkbox_aktiv.gif');
			else
				$("#check_img_"+this.id).attr('src', DIR_IMAGES+'/hakele/checkbox_inaktiv.gif');
		}
	});
	$('.swap_image').mouseenter( function()	{
		$(this).attr('src', DIR_IMAGES+'/btn_wk_hover.png');
	});
	$('.swap_image').mouseleave( function()	{
		$(this).attr('src', DIR_IMAGES+'/btn_wk.png');
	});
	
	/*
	$('#log').submit(function() {
		var user = $('input[name=user]').val();
		var pass = $('input[name=pass]').val();
		$.ajax({
			type: "POST",
			url: "box/log.inc.php",
			data: "action=login&user="+user+"&pass="+pass,
			success: function(data)
			{
				alert(data),
				$('#log').html(data);
			}
		});
		return false;
    });
	
	$('#log').submit(function() {
		$.ajax({
			type: "POST",
			url: "box/log.inc.php",
			data: "action=logout",
			success: function(data)
			{
				$('#log').html(data);
			}
		});
		return false;
    });
*/

/*
	$('.jDetails').html(function() {
		var spanid 			= $(this).attr('id');
		spanobj				= document.getElementById(spanid);
		var articleNo 		= spanid.split(':')[1];
		var articleNo		= articleNo.split('_').join(' ');
		var brandNo		 	= spanid.split(':')[2];
		var GenArtNr		= spanid.split(':')[3];
		var carId			= spanid.split(':')[4];
		get_detail_jquery_handle(spanid, articleNo, brandNo, GenArtNr, carId);
	});
*/

	$('img.picture').each(function() {
        $(this).qtip({
            content: {
				text: '<center><img src="'+$(this).attr('src')+'" /></center>',
				title: $(this).attr('title')
			},
			solo: true,
			position: {
				my: 'center left',
				at: 'right center',
				effect: false 
			},
			style: {
				classes: 'ui-tooltip-shadow ui-tooltip-rounded ui-tooltip-x1'

			}
        });
    });
	$('img.picture_left').each(function() {
		if($(this).attr('target_src'))
		{
			var src = $(this).attr('target_src');
		}
		else
		{
			var src = $(this).attr('src')
		}
		
        $(this).qtip({
            content: {
				text: '<center><img src="'+src+'" /></center>',
				title: $(this).attr('title')
			},
			solo: true,
			position: {
				my: 'top right',
				at: 'bottom center',
				adjust: {
					x: -15,
					y: 10
				}
			},
			style: {
				classes: 'ui-tooltip-shadow ui-tooltip-rounded ui-tooltip-x1'

			}
        });
    });
	
	$('.img_box').click(function() {
		var active = $(this).attr('src');
		var url = 'dialog/img_box.php';
		var dialog = $('<div style="display:none"></div>').appendTo('body');
		dialog.load(
			url,
			{
				articleNo: 	$(this).attr('articleNo'),
				brandNo: 	$(this).attr('brandNo'),
				active:		active
			},
			function (responseText, textStatus, XMLHttpRequest) {
				dialog.dialog(
				{
					title: 'Bild',
				 	modal: true,
					height: 'auto',
          			width: 'auto',
					draggable: true,
					resizable: false,
				 	zIndex: 100,
					buttons: {
						"Schließen": function() {
							dialog.remove();
							//$(avail_request_button).html('Lieferzeit bereits erfragt');
						}
					},
					close: function(event, ui) {
						dialog.remove();
					}
				});
			$('.ui-widget-overlay').live("click", function() {
				dialog.remove();
			});
			}
		);
		//prevent the browser to follow the link
		return false;
	});

	$('.availability').each(function() {
		var imgid 			= $(this).attr('id');
		var textid			= 'text_'+$(this).attr('id');
		var btnid			= 'btn_'+$(this).attr('id');
		var text_order		= 'text_order_'+$(this).attr('id');
		var textobj			= document.getElementById(textid);
		var btnobj			= document.getElementById(btnid);
		var text_orderobj	= document.getElementById(text_order);
		var articleNo 		= imgid.split(':')[1];
		var articleNo		= articleNo.split('~').join(' ');
		var brandNo		 	= imgid.split(':')[2];
		var imgobj			= document.getElementById(imgid);
		var zusatz			= '';
		if($(this).hasClass('h'))
			var zusatz = '_h';
		$.ajax({
			type: "GET",
			url: "ajax/availability.php",
			async: true,
			dataType: 'json',
			data: "articleNo="+articleNo+"&brandNo="+brandNo+"&zusatz="+zusatz,
			success: function(text){
				imgobj.src = text.src;
				if(text.details)
					var width_var = 115;
				else
					var width_var = 200;
				if(text.sum)
					var title_var = 'Verfügbar '+text.sum;
				else
					var title_var = 'Verfügbarkeit';
				if(text.avail == 'r' || text.avail == 'y')
				{
					if($('#avail_request_box').length)
						$('#avail_request_box').css('visibility', 'visible');
					if($(btnobj).length)
						$(btnobj).css('visibility', 'visible');
				}
				if(text.avail == 'g3')
				{
					$.ajax({
									url:	"ajax/avail_express.php",
									success: function(text){
										$(text_orderobj).html(text);
									}
							});
					if($(text_orderobj).length)
					{
						$(text_orderobj).css('visibility', 'visible');
						setInterval(function() {
							$.ajax({
									url:	"ajax/avail_express.php",
									success: function(text){
										$(text_orderobj).html(text);
									}
							});
	    		        },10000);
					}
				}
				if($(textobj).length)
				{
					$(textobj).html(text.title);
				}
				$(imgobj).qtip({
					content: {
						   text: 'wird geladen...',
							ajax: {
								url: 'ajax/avail_tooltip.php',
								type: 'GET', // POST or GET
								once: false,
								data: {avail:text.avail,details:text.details,timestamp:text.timestamp} // Data to pass along with your request
							},
						   title: {
							 text: title_var,
							  button: false
						   }
						   
						},
			//			hide: 'unfocus',
					position: {
						my: 'middle right',
						at: 'center left',
						effect: false 
					},
					style: {
						classes: 'ui-tooltip-shadow ui-tooltip-rounded ui-tooltip-x1',
						width: width_var
					}
				});
			}
		});	
	});	

	$('.avail_request').click(function() {
		var avail_request_button = $(this);
		var url = 'dialog/avail_request.php';
		var dialog = $('<div style="display:none"></div>').appendTo('body');
		// load remote content
		dialog.load(
			url, 
			{
				articleNo: 	$(this).attr('articleNo'),
				brandNo: 	$(this).attr('brandNo'),
				carId: 		$(this).attr('carId'),
				genArtNr: 	$(this).attr('genArtNr'),
				groupNode: 	$(this).attr('groupNode'),
				price: 		$(this).attr('price'),
				pathname:	$(location).attr('href')
			},
			function (responseText, textStatus, XMLHttpRequest) {
				dialog.dialog(
				{
					title: "Verfügbarkeitsanfrage",
				 	modal: true,
					draggable: true,
					resizable: false,
					height: 350,
			        width: 500,
					buttons: {
						"Anfrage absenden": function() {
							$.ajax({
								type: "POST",
								url: url,
								data: $("#avail_request_form").serialize()+"&insert=true",
								success: function(text){
									dialog.html(text);
									if(!$("#avail_request_form").length)
									{
										dialog.css('background-image', 'url('+DIR_IMAGES+'success.png)');
										dialog.css('background-repeat', 'no-repeat');
										dialog.css('background-position', 'right bottom');
										dialog.dialog({
											buttons: {
												"Schließen": function() {
												dialog.remove();
												}
											}
										});
										$(avail_request_button).parent(this).html('Lieferzeit angefragt');
//										$(avail_request_button).html('Lieferzeit angefragt');
									}
								}
							});
						},
						"Abbrechen": function() {
							dialog.remove();
							//$(avail_request_button).html('Lieferzeit bereits erfragt');
						}
					},
					close: function(event, ui) {
						dialog.remove();
					}
				});
			$('.ui-widget-overlay').live("click", function() {
				 dialog.remove();
			});   

			}
		);
		//prevent the browser to follow the link
		return false;
	});
	
	$("#avail_request_amount").keydown(function(event) {
		if( event.keyCode == 46 || event.keyCode == 8 )
		{
		
		}
		else
		{
			if (event.keyCode < 95)
			{
				if (event.keyCode < 48 || event.keyCode > 57 )
				{
					event.preventDefault();
				}
			}
			else
			{
				if (event.keyCode < 96 || event.keyCode > 105 ) 
				{
					event.preventDefault();
				}
			}
		}
	});

	
	
	
	
	get_detail_jquery();
	
	
	$('.LinkedManufactures').css('visibility', 'visible').accordion({
		active: false,
		header: 'h4',
		collapsible: true,
		autoHeight: false,
		animated: false
	});
	
	$('h4', '.LinkedManufactures').keypress(function(e) {
		$(this).next('div').html('<center><img src="'+DIR_IMAGES+'ajaxloader.gif" /></center>');
		var articleNo	=	$(this).parent('.LinkedManufactures').attr('articleNo');
		var brandNo		=	$(this).parent('.LinkedManufactures').attr('brandNo');
		var genArtNr		=	$(this).parent('.LinkedManufactures').attr('genArtNr');
		var manuId		=	$(this).attr('manuId');
		$(this).next('div').load('ajax/linkedvehicle.php', {articleNo: articleNo, brandNo: brandNo, manuId: manuId}, function() {
			$('.LinkedModels').css('visibility', 'visible').accordion({
						active: false,
						header: 'h4',
						collapsible: true,
						autoHeight: false,
						animated: false
					});
			$('h4', '.LinkedModels', '.LinkedManufactures').click(function(e) {
				$(this).next('div').html('<center><img src="'+DIR_IMAGES+'ajaxloader.gif" /></center>');
				var modelId		=	$(this).attr('modelId');
				$(this).next('div').load('ajax/linkedvehicle.php', {articleNo: articleNo, brandNo: brandNo, modelId: modelId, genArtNr: genArtNr})
				$(this).find('.date').css('visibility', 'hidden');
            });
			$('h4', '.LinkedModels', '.LinkedManufactures').keypress(function(e) {
				if(e.which == 13){
					$(this).next('div').html('<center><img src="'+DIR_IMAGES+'ajaxloader.gif" /></center>');
					var modelId		=	$(this).attr('modelId');
					$(this).next('div').load('ajax/linkedvehicle.php', {articleNo: articleNo, brandNo: brandNo, modelId: modelId, genArtNr: genArtNr})
					$('.date', 'h4', '.LinkedModels', '.LinkedManufactures').each(function(index, element) {
						$(element).css('visibility', 'visible');
					});
					$(this).find('.date').css('visibility', 'hidden');
				}
            });
		});
	});
	
	$('h4', '.LinkedManufactures').click(function(e) {
		$(this).next('div').html('<center><img src="'+DIR_IMAGES+'ajaxloader.gif" /></center>');
		var articleNo	=	$(this).parent('.LinkedManufactures').attr('articleNo');
		var brandNo		=	$(this).parent('.LinkedManufactures').attr('brandNo');
		var genArtNr		=	$(this).parent('.LinkedManufactures').attr('genArtNr');
		var manuId		=	$(this).attr('manuId');
		$(this).next('div').load('ajax/linkedvehicle.php', {articleNo: articleNo, brandNo: brandNo, manuId: manuId}, function() {
			$('.LinkedModels').css('visibility', 'visible').accordion({
						active: false,
						header: 'h4',
						collapsible: true,
						autoHeight: false,
						animated: false
					});
			$('h4', '.LinkedModels', '.LinkedManufactures').click(function(e) {
				$(this).next('div').html('<center><img src="'+DIR_IMAGES+'ajaxloader.gif" /></center>');
				var modelId		=	$(this).attr('modelId');
				$(this).next('div').load('ajax/linkedvehicle.php', {articleNo: articleNo, brandNo: brandNo, modelId: modelId, genArtNr: genArtNr})
				$('.date', 'h4', '.LinkedModels', '.LinkedManufactures').each(function(index, element) {
                    $(element).css('visibility', 'visible');
                });
				$(this).find('.date').css('visibility', 'hidden');
            });
		});
	});
	
	$('.availability').click(function(e) {
		var imgid 			= $(this).attr('id');
		var articleNo 		= imgid.split(':')[1];
		var articleNo		= articleNo.split('~').join(' ');
		var brandNo		 	= imgid.split(':')[2];
		var imgobj			= document.getElementById(imgid);
		var zusatz			= '';
		if($(this).hasClass('h'))
			var zusatz = '_h';
		$.ajax({
			type: "GET",
			url: "ajax/availability.php",
			cache: true,
			async: true,
			dataType: 'json',
			data: "articleNo="+articleNo+"&brandNo="+brandNo+"&new_avail=true&zusatz="+zusatz,
			success: function(text){
				imgobj.src = text.src;
				if(text.details)
					var width_var = 115;
				else
					var width_var = 200;
				if(text.sum)
					var title_var = 'Verfügbar '+text.sum;
				else
					var title_var = 'Verfügbarkeit';
				$(imgobj).qtip({
					content: {
						   text: 'wird geladen...',
							ajax: {
								url: 'ajax/avail_tooltip.php',
								type: 'GET', // POST or GET
								once: false,
								data: {avail:text.avail,details:text.details,timestamp:text.timestamp} // Data to pass along with your request
							},
						   title: {
							 text: title_var,
							  button: false
						   }
						   
						},
			//			hide: 'unfocus',
					position: {
						my: 'middle right',
						at: 'center left',
						effect: false 
					},
					style: {
						classes: 'ui-tooltip-shadow ui-tooltip-rounded ui-tooltip-x1',
						width: width_var
					}
				});
			}
		});
	});
	
	
	$('.article_box').click(function() {
		var url = 'dialog/article_box.php';
		var dialog = $('<div style="display:none"></div>').appendTo('body');
		var linked = $(this).attr('link');
		var detail_link = 'index.php?site=product&articleNo='+$(this).attr('articleNo')+'&brandNo='+$(this).attr('brandNo')+'&groupnode='+$(this).attr('groupNode')+'&genArtNr='+$(this).attr('genArtNr')+'&carId='+$(this).attr('carId');
		var title = $(this).attr('title');
		var title_add = $(this).attr('title_add');
		dialog.load(
			url, 
			{
				articleNo: 	$(this).attr('articleNo'),
				brandNo: 	$(this).attr('brandNo'),
				carId: 		$(this).attr('carId'),
				genArtNr: 	$(this).attr('genArtNr'),
				groupNode: 	$(this).attr('groupNode')
			},
			function (responseText, textStatus, XMLHttpRequest) {
				dialog.dialog(
				{
					title: title+' '+title_add,
				 	modal: true,
					draggable: true,
					resizable: false,
				 	zIndex: 100,
					height: 550,
			        width: 770,
					buttons: {
						"Detailansicht": function() {
							document.location.href = detail_link;
						},

						"weitere Artikel": function() {
							document.location.href = linked;
						},
						"Schließen": function() {
							dialog.remove();
							//$(avail_request_button).html('Lieferzeit bereits erfragt');
						}
					},
					close: function(event, ui) {
						dialog.remove();
					}
				});
			$('.ui-widget-overlay').live("click", function() {
				dialog.remove();
			});
			}
		);
		//prevent the browser to follow the link
		return false;
	});

	$('.round_number_wk').keyup(function(e) {
		if($(this).val().length>1)
			$(this).css('width', ($(this).val().length-1)*8+15);
		else
			$(this).css('width', 15);
		if($(this).val())
			$(param['quantity_id']).css('display', 'block');
		else
			$(param['quantity_id']).css('display', 'none');
    });
	$('.round_number_wk').change(function(e) {
		if($(this).val().length>1)
			$(this).css('width', ($(this).val().length-1)*8+15);
		else
			$(this).css('width', 15);
    });


	
});

function formular_shipping(salutation_group){
	if(salutation_group <= 2)
	{
		$('#title').css('display', '');
		$('#name').find('span[class~="required"]').html(' *');
		$('#first_name').find('span[class~="required"]').html(' *');
	}
	else
	{
		$('#name').find('span[class~="required"]').html('');
		$('#first_name').find('span[class~="required"]').html('');
		$('#title').css('display', 'none');
		$('#title').find('input').val('');
	}
	if(salutation_group == 3)
	{
		$('#name').find('span[class~="required"]').html(' *');
	}
	if(salutation_group > 3)
	{
		$('#name').css('display', 'none');
		$('#name').find('input').val('');
		$('#first_name').css('display', 'none');
		$('#first_name').find('input').val('');
		$('#title').css('display', 'none');
		$('#company').css('display', '');
		$('#company2').css('display', '');
	}
	else
	{
		$('#company').css('display', 'none');
		$('#company2').css('display', 'none');
		$('#name').css('display', '');
		$('#first_name').css('display', '');
	}
}

function formular_account(salutation_group){
	if(salutation_group <= 2)
	{
		$('#title').css('display', '');
		$('#name').find('span[class~="required"]').html(' *');
		$('#first_name').find('span[class~="required"]').html(' *');
		$('#salutation2').find('select').val('');
	}
	else
	{
		$('#name').find('span[class~="required"]').html('');
		$('#first_name').find('span[class~="required"]').html('');
		$('#title').css('display', 'none');
		$('#title').find('input').val('');
	}
	if(salutation_group == 3)
	{
		$('#name').find('span[class~="required"]').html(' *');
		$('#salutation2').find('select').val('');
	}
	if(salutation_group > 3)
	{
		$('#title').css('display', 'none');
		$('#company').css('display', '');
		$('#company2').css('display', '');
		$('#company_tax_id').css('display', '');
		$('#salutation2').css('display', '');
		$('#contact').css('display', '');
	}
	else
	{
		$('#company').css('display', 'none');
		$('#company2').css('display', 'none');
		$('#company_tax_id').css('display', 'none');
		$('#salutation2').css('display', 'none');
		$('#contact').css('display', 'none');
	}
}




function box(id)
{
	var expand_img = document.getElementById('expand_img_'+id);
	var expand_div = document.getElementById('expand_div_'+id);
	if(expand_div.style.display == 'none')
	{
		expand_img.src = DIR_IMAGES+'/arrow_down.gif';
		expand_div.style.display = 'block';
	}
	else
	{
		expand_img.src = DIR_IMAGES+'/arrow_right.gif';
		expand_div.style.display = 'none';
	}
}


function next_field(field, length, nextfield)
{
	if(field.value.length >= length)
	{
		nextfield.focus()
	}
}


function newAjaxRequest()
{
	if (window.XMLHttpRequest) {
		request = new XMLHttpRequest(); // Mozilla, Safari, Opera
	} else if (window.ActiveXObject) {
		try {
			request = new ActiveXObject('Msxml2.XMLHTTP'); // IE 5
		} catch (e) {
			try {
				request = new ActiveXObject('Microsoft.XMLHTTP'); // IE 6
			} catch (e) {}
		}
	}
	return request;
}

function swapAssemblies(root, extra, id, parent)
{
	var obj = document.getElementById(extra+id);
	var img = document.getElementById('img_'+extra+id);
	var root = document.getElementById(root);
	var childs = root.childNodes;
	/*if(parent)
	{
		for(var i=0; i<childs.length; i++)
			for(var k=0; k<childs.item(i).childNodes.length; k++)
				{
					if(childs.item(i).childNodes.item(k).tagName == 'UL')
					{
						childs.item(i).childNodes.item(k).className = 'close';
						document.getElementById('img_'+childs.item(i).childNodes.item(k).id).src = 'images/category_expand.png';
					}
				}
	}*/
	if(obj)
	{
		if (obj.className == 'open')
		{
			obj.className = 'close';
			img.src = DIR_IMAGES+'category_expand.png';
		}
		else
		{
			obj.className = 'open';
			img.src = DIR_IMAGES+'/category_expanded.png';
		}
	}
}

function search_assemblys(searchstring, carid, event)
{
	$.ajax({
		type: "POST",
		url: "ajax/assembly_search.php",
		async: true,
		data: {searchstring:searchstring, carId:carid},
		success: function(result){
			$('#assembly_search_result').html(result);
		}
	});	
}

function search_assemblys_close()
{
	$('#assembly_search_result').html('');
}

function get_avail_ajax(articleNo, brandNo, imgid)
{
	$.ajax({
		type: "GET",
		url: "ajax/availability.php",
		cache: true,
		async: true,
		data: "articleNo="+articleNo+"&brandNo="+brandNo,
		success: function(text){
			var imgobj			= document.getElementById(imgid);
			imgobj.alt = text.split('~')[2];
			imgobj.src = text.split('~')[0];
			imgobj.title = text.split('~')[1];
			$(imgobj).qtip({
				content: {
					   text: 'wird geladen...',
						ajax: {
							url: 'ajax/avail_tooltip.php',
							type: 'GET', // POST or GET
							once: false,
							data: {avail:text.split('~')[2]} // Data to pass along with your request
						},
					   title: {
						 text: 'Verfügbarkeit',
						  button: false
					   }
					   
					},
		//			hide: 'unfocus',
				position: {
					my: 'middle right',
					at: 'center left',
					effect: false 
				},
				style: {
					classes: 'ui-tooltip-shadow ui-tooltip-rounded ui-tooltip-x1',
					width: 200
				}
			});
		}
	});	
}

function get_avail2()
{
	$('.availability').each(function() {
		var imgid 			= $(this).attr('id');
		var articleNo 		= imgid.split(':')[1];
		var articleNo		= articleNo.split('~').join(' ');
		var brandNo		 	= imgid.split(':')[2];
		var imgobj			= document.getElementById(imgid);
		$.ajax({
			type: "GET",
			url: "ajax/availability.php",
			cache: true,
			async: true,
			dataType: 'json',
			data: "articleNo="+articleNo+"&brandNo="+brandNo,
			success: function(text){
				imgobj.src = text.src;
				if(text.details)
					var width_var = 115;
				else
					var width_var = 200;
				if(text.sum)
					var title_var = 'Verfügbar '+text.sum;
				else
					var title_var = 'Verfügbarkeit';
				$(imgobj).qtip({
					content: {
						   text: 'wird geladen...',
							ajax: {
								url: 'ajax/avail_tooltip.php',
								type: 'GET', // POST or GET
								once: false,
								data: {avail:text.avail,details:text.details,timestamp:text.timestamp} // Data to pass along with your request
							},
						   title: {
							 text: title_var,
							  button: false
						   }
						   
						},
			//			hide: 'unfocus',
					position: {
						my: 'middle right',
						at: 'center left',
						effect: false 
					},
					style: {
						classes: 'ui-tooltip-shadow ui-tooltip-rounded ui-tooltip-x1',
						width: width_var
					}
				});
			}
		});	
	});	
}

function get_avail()
{
	$('.availability').html(function() {
		var imgid 			= $(this).attr('id');
		var articleNo 		= imgid.split(':')[1];
		var articleNo		= articleNo.split('~').join(' ');
		var brandNo		 	= imgid.split(':')[2];
		var imgobj			= document.getElementById(imgid);
		get_avail_ajax(articleNo, brandNo, imgid);
	});
}

function get_detail_jquery_handle(spanid, articleNo, brandNo, GenArtNr, carId)
{
	$.ajax({
		type: "POST",
		url: "ajax/article_criteria.php",
		data: "articleNo="+articleNo+"&brandNo="+brandNo+"&GenArtNr="+GenArtNr+"&carId="+carId,
		success: function(text){
			spanid.innerHTML = text;
		}
	});
}


function get_detail_jquery()
{
	span = document.getElementsByTagName('span');
	for(i=0; i<(span.length); i++)
	{
		if(span.item(i).id.split(':')[0] == 'details')
		{
			var spanid 			= document.getElementById(span.item(i).id);
			spanid.innerHTML 	= "Artikelinformationen werden geladen...";
			var articleNo 		= span.item(i).id.split(':')[1];
			var articleNo		= articleNo.split('~').join(' ');
			var brandNo		 	= span.item(i).id.split(':')[2];
			var GenArtNr		= span.item(i).id.split(':')[3];
			var carId			= span.item(i).id.split(':')[4];
			get_detail_jquery_handle(spanid, articleNo, brandNo, GenArtNr, carId);
		}
	}
}