function ajaxReferences(action, product, color, surface, start){
	
	var url = '';
	
	region = $('#region').val();
	specialform = $('#specialforms').val();
	
	if(teaserReference != ''){
		url = 'front_content.php?idart=24&idcat=3&action=' + action + '&product=' + product + '&color=' + color + '&surface=' + surface + '&region=' + region + '&specialform=' + specialform + '&start=' + start + '&teaserReference=' + teaserReference;	
	} else if (colorId != '' && surfaceId != ''){
		url = 'front_content.php?idart=24&idcat=3&action=' + action + '&product=' + product + '&color=' + colorId + '&surface=' + surfaceId + '&region=' + region + '&specialform=' + specialform + '&start=' + start;
	} else if (surfaceId != ''){
		url = 'front_content.php?idart=24&idcat=3&action=' + action + '&product=' + product + '&color=' + color + '&surface=' + surfaceId + '&region=' + region + '&specialform=' + specialform + '&start=' + start;
	} else {
		url = 'front_content.php?idart=24&idcat=3&action=' + action + '&product=' + product + '&color=' + color + '&surface=' + surface + '&region=' + region + '&specialform=' + specialform + '&start=' + start;	
	}
	
	if(initialSelectedProduct == 3){
		url = 'front_content.php?idart=24&idcat=3&action=' + action + '&product=2&color=' + color + '&surface=5&region=' + region + '&specialform=' + specialform + '&start=' + start;
	}
	//alert(url);
	
	$.ajax({
	   	type: "GET",
	   	url: url,
	   	dataType: "html",
	   	success: function(html){
			var strHtml = '';
			
			if (html.length > 1) {	
			
				$('#medium').show();
				$('#articlethumbs').show();
				$('#referenceselection').show();
				$('#contenttext').show();
				$('#downloadlist').show();
				$('#error').hide();
						
				switch (action) {
					case "getThumbnails":
						data = html.split("[AJXARTICLE]");
						
						var thumbprevious = 0;
						var thumbnext = 2;
						for (i = 0; i < data.length-1; i++) {
							data2 = data[i].split("[AJX]");
							
							thumbnail = data2[0].replace(/mittel/g, "klein");				
							
							if (i == 0) {
								strHtml += '<div id="thumbnail' + i + '" class="thumbnail"><div id="thumb' + i + '" class="thumbnailover">';
								strHtml += '<a href="javascript:changeThumbnail(\'' + data2[0] + '\',' + i + ',' + data2[1] + ',' + data2[2] + ',' + data2[3] + ',' + data2[4] + ');" onmouseout="$(\'div.thumbnailover\').hide();">';
								
								//strHtml += '<img src="' + thumbnail + '" width="88" height="88" /></a></div>';
								strHtml += '<img src="' + thumbnail + '" width="88" height="86" /></a></div>';
								
								strHtml += '<a onmouseover="thumnailOver(\'1\',' + i + ');">';
								strHtml += '<img class="selected" id="thumbnail' + i + 'image" src="' + thumbnail + '" width="44" height="43" /></a></div>';
								thumbprevious++;
								thumbnext++;
								currentThumbnailId = data2[4];
								selectedProduct = data2[1];
								defaultcolor    = data2[2];
								defaultsurface  = data2[3];																
								
								//console.log(data2);
								
								setColor( parseInt( defaultcolor ) );
								selectedSurfaceId = parseInt(defaultsurface);
								buildSurfaceSelection();						
								
								$('#referenceid').attr('value',data2[4]);
								
								if (selectedProduct == 0){
									$('#downloadbrochure > a').attr('href','upload/pdf_referenzen/Alphaton_05-08.pdf');
								} else if (selectedProduct == 1){
									$('#downloadbrochure > a').attr('href','upload/pdf_referenzen/Longoton_05-08.pdf');
								}
							}
							else if (i < data.length-2) {
								strHtml += '<div id="thumbnail' + i + '" class="thumbnail"><div id="thumb' + i + '" class="thumbnailover">';
								strHtml += '<a href="javascript:changeThumbnail(\'' + data2[0] + '\',' + i + ',' + data2[1] + ',' + data2[2] + ',' + data2[3] + ',' + data2[4] + ');" onmouseout="$(\'div.thumbnailover\').hide();">';
								
								//strHtml += '<img src="' + thumbnail + '" width="88" height="88" /></a></div>';
								strHtml += '<img src="' + thumbnail + '" width="88" height="86" /></a></div>';
								
								strHtml += '<a onmouseover="thumnailOver(\'2\',' + i + ');">';
								strHtml += '<img id="thumbnail' + i + 'image" src="' + thumbnail + '" width="44" height="43" /></a></div>';
								thumbprevious++;
								thumbnext++;
							}
							else {
								strHtml += '<div id="thumbnail' + i + '" class="thumbnail"><div id="thumb' + i + '" class="thumbnailover">';
								strHtml += '<a href="javascript:changeThumbnail(\'' + data2[0] + '\',' + i + ',' + data2[1] + ',' + data2[2] + ',' + data2[3] + ',' + data2[4] + ');" onmouseout="$(\'div.thumbnailover\').hide();">';
								
								//strHtml += '<img src="' + thumbnail + '" width="88" height="88" /></a></div>';
								strHtml += '<img src="' + thumbnail + '" width="88" height="86" /></a></div>';
								
								strHtml += '<a onmouseover="thumnailOver(\'3\',' + i + ');">';
								strHtml += '<img id="thumbnail' + i + 'image" src="' + thumbnail + '" width="44" height="43" /></a></div>';
							}
						}
						$('#thumbs').html(strHtml);
						$('#searchresultvalue').html(rightTrim(data[data.length-1]));
						
						end = parseInt(start) + parseInt(i);
						
						if(start > 0){
							$('#scrollerleft').show();
						} else {
							$('#scrollerleft').hide();
						}				
						if (data[data.length-1] > end ) {
							$('#scrollerright').show();
						} else {
							$('#scrollerright').hide();
						}
						break;
					case "getArticleImage":
						$('#referenceselection').hide();
						$('#articlethumbs').hide();
						$('#medium').html('<div style="position:absolute; top:0px; left:0px; margin:100px 0 0 200px;"><img src="mages/layout_images/ajax_loader.gif" width="22" height="22" border="0" /></div>');
						data = html.split("[AJX]");
						
						for (i = 0; i < data.length-1; i++) {
							strHtml += '<div id="mediumimage'+i+'" class="mediumimage">';
							strHtml += '<img src="'+data[i]+'" width="399" height="391" />';
							strHtml += '</div>';
						}						
						$('#medium').html(strHtml);
						$('#medium > div:first').show();
						$('#referenceselection').show();
						$('#articlethumbs').show();
						break;		
					case "getArticleThumbnails":
						data = html.split("[AJXARTICLE]");
						
						for (i = 0; i < data.length-1; i++) {
							strHtml += '<div id="articlethumb'+i+'" class="articlethumb">';
							
							data2 = data[i].split("[AJXTHUMB]");
							
							for (j = 0; j < data2.length-1; j++) {
								thumbnail = data2[j].replace(/mittel/g, "klein");
								strHtml += '<div class="articlethumbcontainer"><a href="javascript:changeReferenceThumbnail(\''+data2[j]+'\','+i+','+j+');"><img id="articlethumbnail'+i+j+'image" class="articlethumbimage" src="'+thumbnail+'" width="44" height="43" /></a></div>';
								if((i == 0) && (j == 0)){
									zoomImage = data2[j];
								}
							}	
							strHtml += '<div class="zoom\">';
							strHtml += '<a href="javascript:popImg(zoomImage);"><img src="images/layout_images/lupe.gif" width="13" height="13" /></a>';
							strHtml += '</div>';
							strHtml += '</div>';
						}
						$('#articlethumbs').html(strHtml);
						$('#articlethumbs > div:first').show();
						$('div.articlethumbcontainer:first img').addClass('selected');
						break;	
					case "getArticleText":
						$('#contenttext').html('<div style="position:absolute; top:0px; left:0px; margin:30px 0 0 200px;"><img src="mages/layout_images/ajax_loader.gif" width="22" height="22" border="0" /></div>');
						data = html.split("[AJXARTICLE]");
							
						for (i = 0; i < data.length-1; i++) {
							data2 = data[i].split("[AJXTEXT]");
							
							strHtml += '<div id="articletext'+i+'" class="articletext">';
							strHtml += '<h1>'+data2[0]+'</h1>';
							strHtml += data2[1]+'<br /><br />';
							strHtml += data2[2];
							strHtml += '</div>';
						}		
										
						$('#contenttext').html(strHtml);
						$('#contenttext > div:first').show();
						break;
					case "getLatestReference":
						var strHtmlImage = '';
						var strHtmlText = '';
						
						$('#currentReference').show();
						$('#linkReference').show();
						data = html.split("[AJXTEXT]");
						//alert(data);
						thumbnail = data[1].replace(/mittel/g, "klein");						
						
						strHtmlImage = '<a href="front_content.php?lang='+lang+'&idcat=28&idref='+data[0]+'"><img src="'+thumbnail+'" width="89" height="89" /></a>';
						strHtmlText  = '<a href="front_content.php?lang='+lang+'&idcat=28&idref='+data[0]+'">'+data[2]+'</a>';
						
						$('#referenceimage').html(strHtmlImage);
						$('#referencecontent').html(strHtmlText);
						break;
					case "getArticleDownload":
						data = html.split("[AJXARTICLE]");
						
						// Download Array zurücksetzen
						for (i = 0; i < downloadArray.length; i++) {
							downloadArray[i] = '';
						}
						
						for (i = 0; i < data.length - 1; i++) {
							downloadArray[i] = data[i];
						}
						
						if(downloadArray[0] && downloadArray[0] != ''){
							$('#downloadinfo').show();
							$('#downloadinfo > a:first').attr('href',downloadArray[0]);	
						} else {
							$('#downloadinfo').hide();
						}	
						break;								
				}
			} else {
				$('#searchresultvalue').html('0');
				$('#thumbs').html('');
				$('#scrollerleft').hide();
				$('#scrollerright').hide();
				
				$('#medium').hide();
				//$('#articlethumbs').hide();
				$('#referenceselection').hide();
				$('#contenttext').hide();
				$('#downloadlist').hide();				
				$('#error').show();
				if(isColorSelected || isSurfaceSelected){
					$('#errorLink').show();
				} else {
					$('#errorLink').hide();
				}	
				
				$('#currentReference').hide();
				$('#linkReference').hide();		
			}	
	   	} 
	})
}

function ajaxRepresentations(id){
	
	var url = '';
	
	url = 'front_content.php?idart=81&idcat=4&category=' + id;
	
	categoryId = id;	
	
	$.ajax({
	   	type: "GET",
	   	url: url,
	   	dataType: "html",
	   	success: function(html){
			var strHtml = '';
			
			if (html.length > 1) {	
				data = html.split("[AJX]");
				$('#representationsContent > h1').html(data[0]);
				$('#detailImage #image').html('<img src="'+data[1]+'" width="399" height="391" alt="" />');
				$('#detailImage .zoom').html('<a href="javascript:popImg(\''+data[1]+'\');"><img src="images/layout_images/lupe_grau.gif" width="13" height="13" /></a>');	
				$('#pdf').attr('href',data[2]);
				$('#pdf2').attr('href',data[2]);
				$('#dwg').attr('href',data[3]);
				$('#dwg2').attr('href',data[3]);
			} else {
					
			}	
	   	} 
	})
}

function ajaxImageExist(imagePath){
	
	var url = 'front_content.php?idart=32&idcat=3' + imagePath;	
	
	var strHtml = '';
	var colorStr = 'white';
	
	if ((selectedColor == 'sand') || (selectedColor == 'beige') || (selectedColor == 'elfenbein') || (selectedColor == 'safran') || (selectedColor == 'hellgrau')) {
		colorStr = 'grey';
	}
	
	$.ajax({
	   	type: "GET",
	   	url: url,
	   	dataType: "html",
	   	success: function(html){
			data = html.split("[AJX]");
			for (i = 0; i < data.length; i++) {
				if(data[i].indexOf('true') != -1){
					index = i+1;
					strHtml +='<div id="surface'+index+'Image" class="item"><div class="label" id="surface'+index+'"><span class="'+ colorStr +'">'+surfaceNames[i]+'</span></div><a href="javascript:showSurface('+index+',\''+surfaces[i]+'\');"><img src="images/content_images/'+selectedColor+'_'+surfaces[i]+'_128x45.jpg" width="128" height="45" alt="" /></a></div>';
				
					if(index % 3 > 0){
						strHtml +='<div class="spacer"></div>';
					}
				}
			}
			$('#surfacedetaillist').html(strHtml);
			setSurface(selectedSurfaceId);	
		}	
	})
}