if (Browser.Engine.trident != true) {

function makelink (url) {
	var pattern = /^(.*max=)([0-9]*)(.*)$/;
	url.match (pattern);
	
	return RegExp.$1+'52'+RegExp.$3;
}
function plural(single, multiple, count) {
	if (count > 1) {
		return count+' '+multiple;
	}
	else {
		return single;
	}
}
window.addEvent('load', function () {
	$$('a.zoom').each( function (link) {
		zoom = new Request.HTML({
			url: link.get('href'), 
			onComplete: function(tree, elements, html, js) {
				var win = new HoverWindow(html, 400);
				link.addEvent('click', function (e) {
					var e = new Event(e).stop();
					win.open();
				});
				new Fx.Tween(link, {duration: 500}).start('opacity', 0, 1);
				
			}
		}).get({});
	});
	
	
});

window.addEvent('domready', function () {
	$$('a.zoom').each( function (link) {
		link.setStyle('opacity', 0);
	});
	
	var sizes = new Request.HTML({
		url: './size.html', 
		onComplete: function(tree, elements, html, js) {
			var win = new HoverWindow(html, 600);
			$$('.sizes').each(function(link) {
				link.addEvent('click', function (e) {
					var e = new Event(e).stop();
					win.open()
					});
			});
		}
	}).get({});
	
	//win.open();
	var mouse;
	var scroll = 0;
	
	var money = new FixKlix('money');
	$$('.product input[type=submit]').each(function (el) {
		el.set('styles', {'display': 'none'});
	});
	$$('.product select').each(function (el) {
		el.set('styles', {
			'margin-left': '50px',
			'display': 'block',
			'float': 'none'
		});
	});
	function updateMoney () {
		var money_update = new Request.HTML({
			url: "./ajax.php", 
			onComplete: function(tree, elements, html, js) {
				money.start(function () {
					$('money').set('html', html);
				});
			}
		}).get({'do': 'sum'});
	}
	updateMoney();
	document.body.addEvent('mousemove', function(e) {
		mouse = e.page;
	})
	
	

	
	$('hover-cart').set('styles', {
		'margin-bottom': -150+'px',
		'display': 'block'
	});
	
	cartFx = new Fx.Tween('hover-cart', {duration: 'short'});
	
	/*window.addEvent('load', function () {
		(function () {cartFx.start('margin-bottom', 0);}).delay(500);
	});*/
	(function () {cartFx.start('margin-bottom', 0);}).delay(1000);
	
	$('hover-cart').addEvent('refresh', function () {		
		$$('.notice')[0].set('html', 'Wähle zuerst eine Größe aus und ziehe dann den Artikel in den Warenkorb')
		lis = new Array();
		this.getElements('#items li').each(function (li) {
			
			var newli = li.clone();
			li.destroy();
			newli.set('id', li.get('id'));
			newli.inject($('items'))
			
		});
		
		var lis = this.getElements('#items li');
		
		lis.each(function(li) {
			li.set('styles', {'display': 'block'});
		});
		
		$('hover-cart').removeClass('empty');
		$('hover-cart').addClass('full');
		
		if (lis.length == 0) {
			$('hover-cart').removeClass('full');
			$('hover-cart').addClass('empty');
			
		}
		else if (lis.length > 8) {
			for (i = 0; i < (lis.length - 8); i++) {
				lis[i].set('styles', {'display': 'none'});
			}
			
			$('li_count').set('text', plural('1 weiterer', 'weitere', lis.length-8));
			$('more-link').set('styles', {'display': 'block'});
			
		}
		else {
			$('more-link').set('styles', {'display': 'none'});
		}
		
		$('hover-cart').fireEvent('beready');
		
		
	});
	
	$('hover-cart').fireEvent('refresh');
	
	
	$('hover-cart').addEvent('beready', function () {
		
		$('hover-cart').getElements('li.pr').each(function (li) {
		
			li.addEvent('mousedown', function (e) {
				$('hover-cart-container').fireEvent('beready');
			
			
				//variantID = variantID.match(/^variant-([0-9]*)$/);

				
				variantID = RegExp.$1;
				
				newli = li.clone();
				newli.set('id', li.get('id'));
				newli.set('class', 'drag');
				var position = li.getCoordinates();
				newli.set('styles', {
					top: (e.page.y - 25) + 'px', 
					left: (e.page.x - 25) + 'px', 
					'z-index': '1000000'
				});
				
				newli.inject(document.body);
				li.set('styles', {'display': 'none'});
				li.destroy();
				
				var myDrag = new Drag.Move(newli, {
				    droppables: '.droppable',
					onStart: function (el) {
						$('hover-cart').fireEvent('refresh');
					},
				    onDrop: function(element, droppable){
				        if (!droppable) {
							var puff = new Element('div', {
								'class': 'puff',
								'styles': {
									'top':  (mouse.y - 50) + 'px',
									'left':  (mouse.x - 50) + 'px'
								}
							});
							puff.inject(document.body);
							(function () {puff.destroy();}).delay(399);
							li.destroy();
							//console.log('nicht druff');
							
							variantID = element.get('id');
							variantID = variantID.match(/^variant-([0-9]*)$/)
							variantID = RegExp.$1;
							var cart_update = new Request.HTML({
								url: './ajax.php', 
								onComplete: function(tree, elements, html, js) {
									updateMoney();
								}
							}).get({
								'do': 'delete', 
								'id': variantID
							});
						}
				        else {
							//console.log('wieder druff');
							li = element.clone();
							li.set('id', element.get('id'));
							li.inject('items');
							li.set('styles', {'position': 'static'});
							li.removeClass('drag');
							li.addClass('pr');
							
						}
						element.destroy();
						
						$('hover-cart-container').set('styles', {'display': 'none'});				
						$('hover-cart').fireEvent('refresh');
						
				    },

				    onEnter: function(element, droppable){
						//cartFx.start('opacity', 1);

				    },

				    onLeave: function(element, droppable){
					//	cartFx.start('opacity', .9);

				    }

				});
				
				myDrag.start(e);
			
				newli.addEvent('mouseup', function () {
				//	this.fireEvent('mousemove');
					myDrag.stop();
				});
			});
			
		});
	});
	
	$('hover-cart').fireEvent('beready');
	
	$('hover-cart-container').set('styles', {'display': 'none'});
	
	$('hover-cart-container').addEvent('beready', function () {
		this.set('styles', {'display': 'block'});
		window.fireEvent("resize");
		window.fireEvent("scroll");
	});
	
	window.addEvent("resize", function () {
		var bodyWidth = document.body.getSize().x;
		if ((bodyWidth - 21) > 870)
			$('hover-cart').set("styles", {'width': (bodyWidth - 21) + 'px'});
		else
			$('hover-cart').set("styles", {'width': 870 + 'px'});
		window.fireEvent("scroll");
		
	});
	window.addEvent("scroll", function() {
		var scrollOffset = document.body.getScroll().y;
		var cartHeight = $('hover-cart-container').getSize().y;
		var windowHeight = window.getSize().y;
		if (((windowHeight - cartHeight) + scrollOffset) < document.body.getScrollSize().y) {
			$('hover-cart-container').set('styles', {
				'top': ((windowHeight - cartHeight) + scrollOffset) + 'px'
			});
		}
	});
	
	window.fireEvent("resize");
	window.fireEvent("scroll");
	
	$$(".product").each(function(el) {
		el.getElements("img")[0].addEvent("mousedown", function (e) {
			$('hover-cart-container').fireEvent('beready');
				
				//console.log(this.get('id'));
				var position = el.getCoordinates();
				
				newel = this.clone();

				newel.set('class', 'draggable product');
				newel.set('styles', {top: (position.top - 31) + 'px', left: position.left + 'px'})

				newel.inject(document.body);
				
				var size = el.getElements("img")[0].getSize();
				
				
				newel.set('styles', {
					'width': 50,
					'opacity': .5,
					'top': e.page.y - 50,
					'left': e.page.x - 25					
				});
				
				var masterID = this.get('id');
				masterID = masterID.match(/^image-([0-9]*)$/);
				
				
				masterID = RegExp.$1;
				
				
				
				newel.store('master-id', masterID);
				newel.store('variant-id', $('variants-'+masterID).getSelected()[0].get('value'));
				newel.store('variant-name', $('variants-'+masterID).getSelected()[0].get('text'));
				
				var myDrag = new Drag.Move(newel, {
				    droppables: '.droppable',
					snap: 0,
					onStart: function (el) {
						
						//el.clone().injectAfter(el);
						el.getElements('a').each(function (link) {
							link.addEvent('mouseup', function(e) {
								e = new Event(e).stop();
							});
						});
						el.set('styles', {'z-index': '1000000', 'opacity': .9});

					},
				    onDrop: function(element, droppable){
						el.set('styles', {'z-index': '1'});
						$('hover-cart').removeClass('over');
					//	console.log(element.retrieve('master-id'));
						
						
						
						
				        if (!droppable) {
						}
				        else {
						
					
					
							var form = $('form-'+element.retrieve('master-id'));
					
							var cart_update = new Request.HTML({
								url: form.get('action'), 
								onComplete: function(tree, elements, html, js) {
									updateMoney();
								}
							}).post(form);
					
							/*if ($('hover-cart').hasClass('empty')) {
								var fx = new Fx.Tween($('big-hint'), {duration: 'short'});
								fx.start('opacity', 1, 0).chain(function () {
									$('hover-cart').getElements('.full').each(function (full) {
										var fx = new Fx.Tween(full, {duration: 'short'});
										fx.start('opacity', 0, 1);
									});
									$('hover-cart').removeClass('empty');
									$('hover-cart').addClass('full');
								});
								
							}*/
							var badge = new Element('div', {
								'class': 'badge',
								'text': element.retrieve('variant-name')
							});
							var li = new Element('li', {
								'class': 'pr',
								'id': 'variant-'+element.retrieve('variant-id')
							});
						
							var img = new Element('img', {
								'src': makelink(element.get('src'))
							});
							
							badge.inject(li);
							img.inject(li);
							
							li.inject($('items'));
							
							$('hover-cart').fireEvent('refresh');
							
						}
						$('hover-cart-container').set('styles', {'display': 'none'});
						
						element.destroy();
						/*
						$('hover-cart').removeClass('over');
						
						cartFx.start('opacity', 0).chain(function () {
							this.start('opacity', 1).chain(function () {
								this.start('opacity', .9);
							});
						});*/
						
						
						
				    },

				    onEnter: function(element, droppable){
						//cartFx.start('opacity', 1);
						$('hover-cart').addClass('over');
				    },

				    onLeave: function(element, droppable){
						//cartFx.start('opacity', .9);
					
						$('hover-cart').removeClass('over');
				
				    }

				});
				
				myDrag.start(e);
				
				newel.addEvent('mouseup', function () {
					myDrag.stop();
				});
				
		});
		
		
		
		/*newel = el.clone();
		
		newel.set('class', 'draggable product');
		
		newel.injectAfter(el);*/
	});


});
}
else {
	//alert('Um alle Funktionen unseres Shops benutzen zu können, benutze bitte den Mozilla Firefox oder Apple Safari Browser.')
}