if (!window.CareTibet) { var CareTibet = {}; }
/*
CareTibet.Dropdown =
{
	init: function()
	{
		var stretchers = $$('ol.atStart');
		var toggles = $$('li.atStart');
		var accordion = new Accordion(
		    toggles, stretchers, { 
			    opacity: true
			    ,display: -1
			    ,duration: 250
		    }, $('navigation'));
		
		toggles.each( function(e, i){
		    e.addEvents({
			    'mouseenter' : function(){
			        accordion.display(i);
			        //clearTimeout(e.retrieve('timer'));
			        e.getElement('a').addClass('selected');
			    },
			    'mouseleave' : function(){
			        //var f = function () {
			            accordion.display(-1);
			            e.getElement('a').removeClass('selected');
			        //};
			        //e.store( 'timer', f.delay(500) );
			    }
			});
	    });
	}
};
*/

CareTibet.SiteLinks =
{	
	captureByRel: function(attrVal, parent) 
	{
		this.capture((parent || document).getElements('a[rel^=' + attrVal + ']'));
	}	
	,capture: function(el)
	{	
		el.each(function(link){
			link.addEvent('click', function(ee) {
				ee.preventDefault();	
				CareTibet.SiteLinks.processLink(link);
			});
		});	
	}	
	,processLink: function(link)
	{
		var rel = link.getProperty('rel');		
		// Process external links
		if(rel.match(/^external/)){ CareTibet.SiteLinks.openExternalLink(link); }		
		// Process popup links
		if(rel.match(/^popup/)) { CareTibet.SiteLinks.popupLink(link, rel); }
		// Process popupOverlay links
		if(rel.match(/^popupOverlay/)) { CareTibet.SiteLinks.popupOverlay(link, rel); }
	}	
	,openExternalLink: function(link)
	{
		var url = link.getProperty('href');
		open(url);
	}	
	,popupLink: function(link, rel)
	{
		var match = rel.match(/.*\[(.*)]/);    
	    if (match) {
			var parts = match[1].split(/,\s/);
		    
			// added centering of the popup window
			var left = (screen.width - parts[0]) / 2;
			var top = (screen.height - parts[1]) / 2;
			link.setAttribute('popupprops', 'width=' + parts[0] + ', height=' + parts[1] + ', left=' + left + ', top=' + top);
			if (parts[4]){
				link.href = link.href + "?page=" + parts[2] + "&title=" + parts[3] + "&w=" + parts[0] + "&h=" + parts[1] + "&teaser=" + parts[4];
			}
			else {
				link.href = link.href + "?page=" + parts[2] + "&title=" + parts[3] + "&w=" + parts[0] + "&h=" + parts[1];
			}
			
			window.open(link.href, '', link.getAttribute('popupprops') || '');
		}
	}
};

CareTibet.Products = 
{
	visibleItems: 4,
	itemWidth: 95,
	
	init: function(wrapper)
	{
		var list = $('produktListe');
		var numberOfPictures = list.getElements('img').length;
		var sectionWidth = this.visibleItems * this.itemWidth;
		var numberOfSections = Math.ceil((numberOfPictures * this.itemWidth) / sectionWidth);
		
		// Set tween
		var myFx = new Fx.Tween(list);
		
		$('left').addEvent('click', function(e){
			e.stop();
			var leftWidth = sectionWidth + parseInt(list.getStyle('left'), 10);
			if(leftWidth <= 0){
				myFx.start('left', leftWidth);
			}
		});
		
		$('right').addEvent('click', function(e){
			e.stop();
			var rightWidth = -sectionWidth + parseInt(list.getStyle('left'), 10);
			if(rightWidth >= -sectionWidth * (numberOfSections - 1)){
				myFx.start('left', rightWidth);
			}
		});
		
		var links = wrapper.getElements('.thumbLink');
		links.each(function(link){
			link.addEvent('click', function(e){
				e.stop();
				CareTibet.Products.showProduct(link);
			});
		});
	}
	,showProduct: function(link)
	{
		var listItem = link.getParent('li');
		var thumbLarge = link.get('rel');
		var h2 = listItem.getElement('h2').get('text');
		var description = listItem.getElement('div.description').get('html');
		var price = listItem.getElement('span.price').get('text');
		var shopItem = listItem.getElement('a.shopItem').get('text');
		var originalImage = listItem.getElement('span.originalImage').get('text');
		
		var firstItemWrapper = $$('.firstItemWrapper');
		var link_original = firstItemWrapper.getElement('a.original').set('title', h2);
		var thumbLarge_first = firstItemWrapper.getElement('img').set({
			'src': thumbLarge
			,'alt': h2
		});		
		var h2_first = firstItemWrapper.getElement('h2').set('text', h2);
		var description_first = firstItemWrapper.getElement('div.description').set('html', description);
		var price_first = firstItemWrapper.getElement('span.price').set('text', price);
		var shopItem_first = firstItemWrapper.getElement('a.shopItem').set('href', shopItem);
		var originalImage_first = firstItemWrapper.getElement('a.original').set('href', originalImage);
		
		milkbox.reloadGalleries();
	}
};

window.addEvent('domready', function () {
	//CareTibet.Dropdown.init();
	CareTibet.SiteLinks.captureByRel('external', $('body'));
	if($('produktListe')) CareTibet.Products.init($('produktListe'));
});