var arrProducts;

function getRandom(intRange) {

	return Math.ceil(Math.random() * 1000) % intRange + 1;
}

function startFader(strLastElement, intElements) {

	if (intElements == 1) {

		new Effect.Appear('showcase1', {queue:'end'});
		
	} else if (intElements > 1) {

		var strNextElement = 'showcase' + getRandom(intElements);
		
		if (strNextElement == strLastElement) {
			startFader(strLastElement, intElements);
		} else {
			
			if (strLastElement != null) {
				new Effect.Fade(strLastElement);
			}
			
			new Effect.Appear(strNextElement, {queue:'end'});
			
			setTimeout('startFader(\'' + strNextElement + '\', ' + intElements + ');', 15000);									
		}
		
	}
}

function showLayer(strCaption, strUrl) {

	$('layerCaption').update(strCaption);
	$('layerContent').update('<div id="layerLoader"></div>');	

	$('overlay').style.height = document.body.offsetHeight;

	$('overlay').show();
	$('layer').show();
	
	new Ajax.Request(
		strUrl, {
			method: 'get',
			onComplete: onShowLayerComplete
		}
	);
	
	//new Draggable('layer', {handle: 'layerHandle', zindex: 9998, starteffect: null, endeffect: null});						
}

function onShowLayerComplete(objReq) {

	$('layerContent').update(objReq.responseText);
}

function hideLayer() {

	new Effect.Fade('overlay', {duration: 0.2, from: 0.8, to: 0.0});

	if ($('layerNewsletter').style.display != 'none') {
		document.newsletterForm.reset();
		$('layerNewsletter').hide();	
	} else if ($('layerZoomImage').style.display != 'none') {
		$('layerZoomImage').hide();		
	} else if ($('layerProdukt').style.display != 'none') {
		$('layerProdukt').hide();			
	} else {
		$('layer').hide();
	}
}

function showLayerProdukt(strCaption, strUrl) {

	$('layerProduktCaption').update(strCaption);
	$('layerProduktContent').update('<div id="layerProduktLoader"></div>');	

	$('overlay').style.height = document.body.offsetHeight;

	$('overlay').show();
	$('layerProdukt').show();
	
	new Ajax.Request(
		strUrl, {
			method: 'get',
			onComplete: onShowLayerProduktComplete
		}
	);
	
	//new Draggable('layer', {handle: 'layerHandle', zindex: 9998, starteffect: null, endeffect: null});						
}

function onShowLayerProduktComplete(objReq) {

	$('layerProduktContent').update(objReq.responseText);
}

function showLayerNewsletter() {

	$('layerNewsletterContent').update('<div id="layerLoader"></div>');	

	$('overlay').style.height = document.body.offsetHeight;

	$('overlay').show();
	$('layerNewsletter').show();
	
	new Ajax.Request(
		'/info.php?funct=newsletter', {
			method: 'get',
			onComplete: onShowLayerNewsletterComplete
		}
	);
	
	//new Draggable('layerNewsletter', {handle: 'layerNewsletterHandle', zindex: 9998, starteffect: null, endeffect: null});						
}

function onShowLayerNewsletterComplete(objReq) {

	$('layerNewsletterContent').update(objReq.responseText);
}

function dropdownCategoryOpen(el) {

	var options = [
		{ 'value': 'test1', 'text': 'test1' },
		{ 'value': 'test2', 'text': 'test2' }	
	];
	dropdownOpen(el, 150, options, dropdownCategorySelect);
}

function dropdownCategorySelect(event) {

	var el = Event.element(event);
	var value = String(el.title);
	var text = el.firstChild.nodeValue;
	$('selectCategory').lastChild.nodeValue = text;
	$('category').value = value;
}

function getProducts() {

	new Ajax.Request(
		'ajax/get_products.php', {
			method: 'get',
			onComplete: onGetProductsComplete
		}
	);	
}

function onGetProductsComplete(objReq, arrResponse) {

	arrProducts = arrResponse;
}

function dropdownProductOpen(el, id) {

	el.style.whiteSpace = 'normal';
	
	switch(id) {
		case 1:
			dropdownOpen(el, 173, arrProducts, dropdownProduct1Select, 200);
			break;
			
		case 2:
			dropdownOpen(el, 173, arrProducts, dropdownProduct2Select, 200);			
			break;
			
		case 3:
			dropdownOpen(el, 173, arrProducts, dropdownProduct3Select, 200);			
			break;				
	}
}

function dropdownProduct1Select(event) {

	var el = Event.element(event);
	var value = String(el.title);
	var text = el.firstChild.nodeValue;
	$('selectProduct1').lastChild.nodeValue = text;
	$('product1').value = value;
}

function dropdownProduct2Select(event) {

	var el = Event.element(event);
	var value = String(el.title);
	var text = el.firstChild.nodeValue;
	$('selectProduct2').lastChild.nodeValue = text;
	$('product2').value = value;
}

function dropdownProduct3Select(event) {

	var el = Event.element(event);
	var value = String(el.title);
	var text = el.firstChild.nodeValue;
	$('selectProduct3').lastChild.nodeValue = text;
	$('product3').value = value;
}

function sendContactForm() {

	$('responseContactForm').style.display = 'none';
	$('loaderContactForm').style.display = 'block';

	new Ajax.Request(
		'ajax/send_contact_form.php', {
			method: 'post',
			parameters: Form.serialize('contactForm'),
			onComplete: onSendContactFormComplete
		}
	);
}

function onSendContactFormComplete(objReq, arrResponse) {

	if (arrResponse) {

		if (arrResponse['errors'].length != 0) {
			strResponse = '<ul class="error">';
			for (i = 0; i < arrResponse['errors'].length; i++) {
				strResponse += '<li>' + arrResponse['errors'][i] + '</li>';
			}
			strResponse += '</ul>';
		} else {
			strResponse = '<ul class="success"><li>Deine Nachricht wurde erfolgreich gesendet.</li></ul>';
		}	
			
	} else {
		strResponse = '<ul class="error"><li>Deine Nachricht konnte nicht übermittelt werden, bitte versuche es zu einem späteren Zeitpunkt noch einmal.</li></ul>';
	}
	
	$('responseContactForm').innerHTML = strResponse;
	$('loaderContactForm').style.display = 'none';
	$('responseContactForm').style.display = 'block';	
}

function sendNewsletterForm() {

	$('layerNewsletterContent').style.height = 'auto';

	$('responseNewsletterForm').style.display = 'none';
	$('loaderNewsletterForm').style.display = 'block';

	new Ajax.Request(
		'ajax/send_newsletter_form.php', {
			method: 'post',
			parameters: Form.serialize('newsletterForm'),
			onComplete: onSendNewsletterFormComplete
		}
	);
}

function onSendNewsletterFormComplete(objReq, arrResponse) {

	if (arrResponse) {

		if (arrResponse['errors'].length != 0) {
			strResponse = '<ul class="error">';
			for (i = 0; i < arrResponse['errors'].length; i++) {
				strResponse += '<li>' + arrResponse['errors'][i] + '</li>';
			}
			strResponse += '</ul>';
		} else {
			hideLayerNewsletter();
		}	
			
	} else {
		strResponse = '<ul class="error"><li>Ein Fehler ist aufgetreten.</li></ul>';
	}
	
	$('responseNewsletterForm').innerHTML = strResponse;
	$('loaderNewsletterForm').style.display = 'none';
	$('responseNewsletterForm').style.display = 'block';	
}

function sendContact2Form() {

	$('responseContactForm').style.display = 'none';
	$('loaderContactForm').style.display = 'block';
}

function onSendContact2FormComplete(response) {

	$('loaderContactForm').style.display = 'none';

	if (response) {
	
		$('responseContactForm').innerHTML = response;
		$('responseContactForm').className = 'error';
		$('responseContactForm').style.display = 'block';
	
	} else {

		$('responseContactForm').innerHTML = '<li>Deine Anfrage wurde erfolgreich gesendet.</li>';
		$('responseContactForm').className = 'success';
		$('responseContactForm').style.display = 'block';
		$('submitContactForm').style.display = 'none';
		
		objConversionTracking1 = document.createElement('script');
		objConversionTracking1.setAttribute('type','text/javascript');
		objConversionTracking1.innerHTML = '	<!--' +
		                                   '	var google_conversion_id = 1069233030;' +
		                                   '	var google_conversion_language = "de";' +
		                                   '	var google_conversion_format = "1";' +
			                                   '	var google_conversion_color = "ffffff";' +
		                                   '	var google_conversion_label = "lABzCOrEXxCG5-z9Aw";' +
		                                   '	//-->';
										   
		objConversionTracking2 = document.createElement('script');
		objConversionTracking2.setAttribute('type', 'text/javascript');
		objConversionTracking2.setAttribute('src',  'http://www.googleadservices.com/pagead/conversion.js');
		
		objConversionTracking3 = document.createElement('noscript');
		objConversionTracking3.innerHTML = '<img height="1" width="1" border="0" src="http://www.googleadservices.com/pagead/conversion/1069233030/?label=lABzCOrEXxCG5-z9Aw&amp;script=0"/>';

		document.body.appendChild(objConversionTracking1);
		document.body.appendChild(objConversionTracking2);
		document.body.appendChild(objConversionTracking3);		
	}
}