/*
 * ID-Card ausfuehren
 */
window.addEvent('load', function() {

	var hash = new Hash({
		'cat0': ['244px', '108px', '207px', '270px'], 
		'cat1': ['271px', '264px', '314px', '108px'], 
		'cat2': ['135px', '108px', '207px', '272px'],
		'cat3': ['244px', '108px', '337px', '270px'],
		'cat4': ['271px', '264px', '443px', '108px'], 
		'cat5': ['137px', '108px', '337px', '270px'],
		'cat6': ['244px', '108px', '467px', '270px'],
		'cat7': ['271px', '264px', '207px', '108px'], 
		'cat8': ['135px', '108px', '467px', '272px'],
		'cat9': ['244px', '108px', '597px', '270px'],
		'cat10': ['271px', '264px', '337px', '108px'], 
		'cat11': ['135px', '108px', '597px', '272px'],
		'cat12': ['244px', '108px', '727px', '270px'],
		'cat13': ['271px', '264px', '467px', '108px'],
		'cat14': ['135px', '108px', '727px', '272px'],
		'cat15': ['244px', '108px', '857px', '270px'],
		'cat16': ['271px', '264px', '597px', '108px'],
		'cat17': ['135px', '108px', '857px', '272px']
	});

	$$('#shopintro img').each(function(img) {

		var key = img.getProperty('class');
		var title = img.getProperty('title');
		var desc = img.getProperty('rel');

		if (hash.has(key)) {

			var elementData = hash.get(key);
			
			var myElement = new Element('div', {
				'class': 'tooltip',
				'styles': {
					'left': elementData[0],
					'height': elementData[1],
					'top': elementData[2],
					'width': elementData[3]
				}
			});

			myElement.set('html', '<p><strong>'+title+'</strong><br />'+desc.replace('++','<br />')+'</p>');

			$('content').appendChild(myElement);

			var myFx = new Fx.Tween(myElement, 'opacity', {duration: 250, link: 'cancel'});

			myFx.set('opacity', 0);

			img.addEvent('mouseover', function(e){

				myFx.start('opacity', 0, 0.9);


			});

			img.addEvent('mouseout', function(e){

				myFx.cancel();
				myFx.set('opacity', 0);

			});

		}

	});

});



/*
 * SqueezeBox starten
 */
window.addEvent('load', function() {

	SqueezeBox.assign($$('#productsdetails .thumb'));

});



/*
 * Buttons zum Erweitern des Warenkorbs ausfuehren
 */
window.addEvent('load', function() {

	$$('.cart .button').each(function(button) {

		var id = button.getProperty('id');
		var productId = id.split('_')[1];
		var value = 1;
		var buttonClass = 'green';

		button.addEvent('click', function(e){

			//Anzahl ermitteln
			if ($('product_'+productId+'_count')) {
				value = $('product_'+productId+'_count').value;
				buttonClass = 'white';
			}

			//Spinner anzeigen
			$('product_'+productId+'_button').set("src", 'http://www.jscad.com/system/images/ajax-loader-'+buttonClass+'.gif');
			
			new Request.JSON({url: 'http://www.jscad.com/system/ajax/shopAdd.php', onComplete: function(response){

				//Warenkorb wieder anzeigen
				$('product_'+productId+'_button').set("src", 'http://www.jscad.com/system/images/cart_'+buttonClass+'.png');

				//Statusmeldung ausgeben
				if (response.status == "true") {

					MessageBox.status(response.msg);
					if ($('product_'+productId+'_count') != null) $('product_'+productId+'_count').value = response.value;
					$('shoppingCartCount').set('text', response.cartcount);

				} else {

					MessageBox.status('Achtung!!! '+response.msg);

				}
			}}).get({'product': productId, 'value': value});

		});
		
	});

});



/*
 * Buttons zum Loeschen des Warenkorbs ausfuehren
 */
window.addEvent('load', function() {

	$$('#shoppingcart .delete').each(function(button) {

		var id = button.getProperty('id');
		var productId = id.split('_')[1];

		button.addEvent('click', function(e){

			new Request.JSON({url: 'http://www.jscad.com/system/ajax/shopDelete.php', onComplete: function(response){

				//Statusmeldung ausgeben
				if (response.status == "true") {

					//Warenkorb loeschen
					if (response.deletecart == "true") {

						$('cartoverview').dispose();
						$('buttons').dispose();
						$('product_'+productId).dispose();
						$('cartoverview_count').set('text', response.count);
						$('shoppingCartCount').set('text', response.cartcount);

					//Warenkorb aktualisieren
					} else {

						$('product_'+productId).slide('out');
						$('cartoverview_sum').set('text', response.sum);
						$('cartoverview_trans').set('text', response.trans);
						$('cartoverview_mwst').set('text', response.mwst);
						$('cartoverview_all').set('text', response.all);
						$('cartoverview_count').set('text', response.count);
						$('shoppingCartCount').set('text', response.cartcount);
						if (response.extra != '') {
							$('cartoverview_extra_desc').setStyle('display', 'block');
							$('cartoverview_extra_value').setStyle('display', 'block');
						} else {
							$('cartoverview_extra_desc').setStyle('display', 'none');
							$('cartoverview_extra_value').setStyle('display', 'none');
						}

					}
					MessageBox.status(response.msg);

				} else {

					MessageBox.status('Achtung!!! '+response.msg);

				}
			}}).get({'product': productId});

		});
		
	});

});



/*
 * Warenkorb bei Aenderungen automatisch aktualisieren
 */
window.addEvent('load', function() {

	$$('#shoppingcart .count').each(function(button) {

		var id = button.getProperty('id');
		var productId = id.split('_')[1];
		var value = 0;

		button.addEvent('change', function(e){

			value = $('product_'+productId+'_count').value;

			//Spinner anzeigen
			var spinner = new Element('img', {
				'src': 'http://www.jscad.com/system/images/spinner.gif',
				'id': 'spinner'
			});

			$('product_'+productId+'_cart').appendChild(spinner);

			new Request.JSON({url: 'http://www.jscad.com/system/ajax/shopUpdate.php', onComplete: function(response){

				//Spinner loeschen
				$('spinner').dispose();

				//Statusmeldung ausgeben
				if (response.status == "true") {

					$('cartoverview_sum').set('text', response.sum);
					$('cartoverview_trans').set('text', response.trans);
					$('cartoverview_mwst').set('text', response.mwst);
					$('cartoverview_all').set('text', response.all);
					$('cartoverview_count').set('text', response.count);
					$('product_'+productId+'_price').set('text', response.price);
					$('product_'+productId+'_priceitem').set('text', response.priceitem);
					if (response.extra != '') {
						$('cartoverview_extra_desc').setStyle('display', 'block');
						$('cartoverview_extra_value').setStyle('display', 'block');
					} else {
						$('cartoverview_extra_desc').setStyle('display', 'none');
						$('cartoverview_extra_value').setStyle('display', 'none');
					}
					if ($('product_'+productId+'_count') != null) $('product_'+productId+'_count').value = response.value;

					MessageBox.status(response.msg);

				} else {

					MessageBox.status('Achtung!!! '+response.msg);

				}
			}}).get({'product': productId, 'value': value});

		});
		
	});

});