var domain = document.domain;
if(domain == ''){
	domain = 'galia-brener.softloop.net';
}

function loadIssuuCatalog(catalog){
	var issuu_document_id = catalog.getElement('.document_id').get('value');
	var article = $('article');
	var catalog_size = catalog.getSize();
	
	var issuu_viewer = 'http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?viewMode=presentation';
	var issuu_content_id = 'issuu_content_'+issuu_document_id;
	var width = catalog_size.x - catalog.getStyle('padding-left').toInt() - catalog.getStyle('padding-right').toInt();
	var height = catalog_size.y;
	
	var attributes = {
		id: 'issuuViewer',
		wmode: 'transparent'
	};
	var params = {
		allowfullscreen: 'true',
		allowScriptAccess: 'always',
		menu: 'true'
	};
	var flashvars = {
		jsAPIClientDomain: domain,
		mode: 'embed',
		layout: 'http%3A%2F%2F'+domain+'%2Fissuu%2Fcustom_white%2Flayout.xml',
		showFlipBtn: 'false',
		documentId: issuu_document_id,
		username: 'softloop'
	};

	var issuu_div_wrapper = new Element('div',
		{
			'id': 'issuu_wrapper'
		}
	);
	var issuu_div = new Element('div',
		{
			'id': issuu_content_id
		}
	);
	issuu_div.inject(issuu_div_wrapper);
	issuu_div_wrapper.inject(catalog);
	swfobject.embedSWF(issuu_viewer, issuu_content_id, width, height, "9.0.0","expressInstall.swf", flashvars, params, attributes);
	
	return false;
}

function initCatalogs(){
	var article = $('article');
	var catalogs = article.getElements('.catalog');
	catalogs.each(
		function(catalog){
			loadIssuuCatalog(catalog);
		}
	);
}

function showSoftloopLogo(){
	var logo_over = $('powered_image_over');
	logo_over.get('morph').start( {'opacity': 1});
}

function hideSoftloopLogo(){
	var logo_over = $('powered_image_over');
	logo_over.get('morph').start( { 'opacity': 0 } );
}

function initSoftloopLogoAnimation(){
	var logo_area = $('powered');
	if(logo_area){
		var anchor = logo_area.getElement('a');
		var logo_over = $('powered_image_over');
		logo_over.setStyle('opacity', 0);
		anchor.addEvent('mouseenter', showSoftloopLogo);
		anchor.addEvent('mouseleave', hideSoftloopLogo);
	}
}

function initAllFunctions(){
	initCatalogs();
	initSoftloopLogoAnimation();
}

window.addEvent('domready',
	function(){
		initAllFunctions();
	}
);

var animation_speed = 2400;
var animation_timeout = '';
/*****************************************************/
/*  Klasse Site für die Mootoolsfunktionen           */
/*****************************************************/
var Site = {
	
        flashed: false,
        
	start: function(){
		
		if ($('overview')){
			Site.morphImage();
		}
		
		if ($('bilderanimation')){
			
			bilderArray.each(function(el,i){
				// bilderArray[i] = './files/' + el;
				bilderArray[i] = 'index.php?rex_resize=1000w__' + el;
			});
			
			var images = new Asset.images(bilderArray, {
    			onComplete: function(){
					animation_timeout = window.setTimeout("Site.bilderanimation()", animation_speed);
    			}
			});
			
			images.each(function(img,i){
				img.style.visibility = 'hidden';
				img.style.display = 'none';
				$('bilderanimation').appendChild(img);
			});
		}
	},

	bilderanimation: function(){
		if(typeof(bilderArray)!="undefined")
		{ 
			var l1 = $('bilderanimationL1');
			var l2 = $('bilderanimationL2');
			var fx;
			var speed = 1200;
			if(bildAktiv != 1){
				speed = 1200;
			}

			fx = new Fx.Morph(l2, {
				  duration: speed,
				  transition: Fx.Transitions.linear,
				  wait: false
				  });

			fx.addEvent('onComplete', function(e){
				bildIndex++;
				if(bildAktiv==1){
					bildAktiv = 2;
				} else {
					bildAktiv = 1;
				}

				if(bildIndex==(bilderArray.length-1)) bildIndex=-1;
				window.setTimeout("Site.bilderanimation()", animation_speed);
			});

			if(bildAktiv==1){
				l2.src = bilderArray[bildIndex+1];
				fx.start({'opacity': [0.0, 1.0]}).chain(
					function(){
						l1.get('morph').start({'opacity': 0})
					}
				);
			/*	l1.get('morph').start({'opacity': 0}).chain(
					function(){
						fx.start({'opacity': [0.0, 1.0]});	
					}
				); */
			//	fx.start({'opacity': [0.0, 1.0]});
			} else {
				l1.src = bilderArray[bildIndex+1];
				l1.get('morph').start({'opacity': 1}).chain(
					function(){
						fx.start({'opacity': [1.0, 0.0]});
					}
				);
				/* fx.start({'opacity': [1.0, 0.0]}).chain(
					function(){
						l1.get('morph').start({'opacity': 1});
					}
				); */
			}
		}
	},

	appearText: function(){

		var timer = 0;
		var sideblocks = $$('#subnavi_animated li');
		var slidefxs = [];
		sideblocks.each(function(el, i){

			el.setStyle('margin-top', -50);
			slidefxs[i] = new Fx.Style(el, 'margin-top', {
				duration: 707,
				transition: Fx.Transitions.Back.easeOut,
				wait: false
			});

		}, this);

		slidefxs.reverse();

		slidefxs.each(function(fx){
			fx.start(0);
		}, this);
	},

	morphImage: function()
	{
		
		var sideblocks = $$('#overview td');
		sideblocks.each(function(el, i)
		{
                
			var img = $E('img', el);
			
			if(img)
			{
				
				var overfxs = new Fx.Morph(img, {duration: 100, transition: Fx.Transitions.linear, wait: false});
			
				new Asset.image(img.src,
				{
				   onload: function(){
				   
				      var ratio = parseInt(img.width) / parseInt(img.height);
				      
				      el.addEvent('click', function(e){
				      	loadUrl(morphParameter[i][1]);		   
				      });
	    	        
				      el.addEvent('mouseenter', function(e){
				      	if(ratio >= 1.0){
				      		overfxs.start({
				      			width: 68
				      		});	
				      	} else {
				      		overfxs.start({	
				      			height: 68
				      		});
				      	}
				      	changeHeadline(morphParameter[i][0]);
				      });
	    	       
				      el.addEvent('mouseleave', function(e){
				      	if(ratio >= 1.0){
				      		overfxs.start({
				      			width: 60
				      		});
				      	} else {
	    	        
				      		overfxs.start({
				      			height: 60
				      		});
				      	}
				      	changeHeadline('');
				      });
				   }
				});
				
    	} //end if flashed
    	
		}, this);
	}
};

function togglePressDetails(){
	var more_anchor = this;
	var press = more_anchor.getParent('div.press');
	var more_text = press.getElement('div.more');
	if(more_anchor.hasClass('close')){
		if(more_anchor.get('html') == 'close'){
			more_anchor.set('html', 'more');
		}
		if(more_anchor.get('html') == 'schliessen'){
			more_anchor.set('html', 'mehr');
		}
		more_anchor.removeClass('close');
		var previous_tag = more_text.getPrevious();
		more_anchor.inject(previous_tag);
		more_text.get('morph').start(
			{
				'opacity': 0,
				'height': 0
			}
		);
	}else{
		if(more_anchor.get('html') == 'more'){
			more_anchor.set('html', 'close');
		}
		if(more_anchor.get('html') == 'mehr'){
			more_anchor.set('html', 'schliessen');
		}
		more_anchor.addClass('close');
		var last_element = more_text.getChildren().getLast();
		more_anchor.inject(last_element);
		more_text.get('morph').start(
			{
				'opacity': 1,
				'height': (more_text.get('data-height') * 1)
			}
		);
	}
	stopBackgroundArrow.bind(more_anchor).attempt();
	return false;
}

var background_arrow_interval;

function moveBackgroundArrow(){
	var anchor = this;
	if(anchor.get('html') == 'mehr' || anchor.get('html') == 'more'){
		anchor.get('morph').start( { 'background-position': ['3px center', '8px center'] } );
		// anchor.setStyle('background-position', '0px center');
	}else{
		anchor.get('morph').start( { 'background-position': ['8px center', '3px center'] } );
		// anchor.setStyle('background-position', '0px center');
	}
	stopBackgroundArrow.bind(anchor).delay(500);
}

function stopBackgroundArrow(){
	clearTimeout(background_arrow_interval);
	var anchor = this;
	// anchor.get('morph').start( { 'background-position': '4px center' } );
	anchor.setStyle('background-position', '8px center');
}

function startBackgroundArrow(){
	var anchor = this;
	background_arrow_interval = moveBackgroundArrow.bind(anchor).delay(1);
}

function moveDownloadBackground(){
	var anchor = this;
	anchor.get('morph').start( { 'background-position': ['19px 5px', '24px 10px'] } );
}

function initPress(){
	$$('.press a.more').each(
		function(more_anchor){
			var more_text = more_anchor.getParent('div.more');
			var size = more_text.getSize();
			more_text.setStyles(
				{
					'height': 0,
					'opacity': 0
				}
			);
			more_text.set('data-height', size.y);
			var previous_tag = more_text.getPrevious();
			var information = more_text.getParent('.information');
			var pdf = information.getElement('.pdf a');
			more_anchor.addEvent('click', togglePressDetails);
			more_anchor.addEvents(
				{
					'mouseenter': startBackgroundArrow,
					'mouseleave': stopBackgroundArrow
				}
			);
			more_anchor.set('morph', { duration: 500, chain: 'cancel' });
			more_anchor.inject(previous_tag);
			if(pdf){
				pdf.addEvent('mouseenter', moveDownloadBackground);
			}
		}
	);
}

function initAll(){
	Shadowbox.init(
		{
			viewportPadding: 60,
			overlayOpacity: 0.85,
			onOpen: function(){
				$('sb-nav-close').inject($('sb-wrapper'));
				$('sb-nav-next').inject($('sb-wrapper'));
				$('sb-nav-previous').inject($('sb-wrapper'));
			},
			onFinish: function(){
				$('sb-body-inner').addEvent('click', Shadowbox.next);
			}
		}
	);
	initPress();
}

window.addEvent('domready', Site.start);
window.addEvent('domready', initAll);