//class is in
var dwProgressBar = new Class({
	
	//implements
	Implements: [Options],

	//options
	options: {
		container: $$('body')[0],
		boxID:'',
		percentageID:'',
		displayID:'',
		startPercentage: 0,
		displayText: false,
		speed:10
	},
	
	//initialization
	initialize: function(options) {
		//set options
		this.setOptions(options);
		//create elements
		this.createElements();
	},
	
	//creates the box and percentage elements
	createElements: function() {
		var box = new Element('div', { id:this.options.boxID });
		var perc = new Element('div', { id:this.options.percentageID, 'style':'width:0px;' });
		perc.inject(box);
		box.inject(this.options.container);
		if(this.options.displayText) { 
			var text = new Element('div', { id:this.options.displayID });
			text.inject(this.options.container);
		}
		this.set(this.options.startPercentage);
	},
	
	//calculates width in pixels from percentage
	calculate: function(percentage) {
		return ($(this.options.boxID).getStyle('width').replace('px','') * (percentage / 100)).toInt();
	},
	
	//animates the change in percentage
	animate: function(to) {
		$(this.options.percentageID).set('morph', { duration: this.options.speed, link:'cancel' }).morph({width:this.calculate(to.toInt())});
		if(this.options.displayText) { 
			$(this.options.displayID).set('text', to.toInt() + '%'); 
		}
	},
	
	//sets the percentage from its current state to desired percentage
	set: function(to) {
		this.animate(to);
	}
	
});

//Preloader

window.addEvent("domready", function(){
/*		
			pb = new dwProgressBar({
			container: $('preloader_cont'),
			startPercentage: 100,
			speed:2100,
			boxID: 'box',
			percentageID: 'perc'
  			});
		
*/	

//Transparente Elemente

$$('.opacity').each(function(el){
el.set('opacity',.8);
});
$$('.cont_img').each(function(el){
el.set('opacity',0);
});
$$('.cont_img2').each(function(el){
el.set('opacity',0);
});
$$('.cont_roll').each(function(el){
el.set('opacity',.8);
});

//Navigation Script

new Fx.SmoothScroll({
  duration: 200
},window);
	
		var txt = $('minnavtxt');
		
	//Home Triangle
	
		$('h_hover').addEvents({
			mouseenter: function(){	
				$('minnav_h').fade(1);
				txt.set('text', 'Home');
			},
			mouseleave: function(){
				$('minnav_h').fade(0.8);
				txt.set('text', '');
			}
		});
		
	//HM Triangle
		
		
		 $('hm_hover').addEvents({
			mouseenter: function(){	
				$('minnav_hm').fade(1);
				txt.set('text', 'Hakuna Matata?');
			},
			mouseleave: function(){
				$('minnav_hm').fade(0.8);
				txt.set('text', '');
			}
		});
		
	//Partner Triangle

		
		$('p_hover').addEvents({
			mouseenter: function(){	
				$('minnav_p').fade(1);
				txt.set('text', 'Partner');
			},
			mouseleave: function(){
				$('minnav_p').fade(0.8);
				txt.set('text', '');
			}
		});
	
	//Kontakt Triangle
	
		
		$('k_hover').addEvents({
			mouseenter: function(){	
				$('minnav_k').fade(1);
				txt.set('text', 'Kontakt');
			},
			mouseleave: function(){
				$('minnav_k').fade(0.8);
				txt.set('text', '');
			}
		});
		
//Navigation End
	
	
//Social Rollovers

$$('img.ho').each(function(img) {
  var src = img.getProperty('src');
  var extension = src.substring(src.lastIndexOf('.'),src.length)
  img.addEvent('mouseenter', function() { img.setProperty('src',src.replace(extension,'-h' + extension)); });
  img.addEvent('mouseleave', function() { img.setProperty('src',src); });
});

//Soft Image transition

$$('.cont_roll').each(function(roll) {
	var childimg = roll.getChildren('.cont_img');
	roll.addEvent('mouseenter', function() { childimg.fade(1); roll.fade(1);});
	roll.addEvent('mouseleave', function() { childimg.fade(0); roll.fade(0.8);});
});
$$('.cont_roll2').each(function(roll) {
	var childimg = roll.getChildren('.cont_img2');
	roll.addEvent('mouseenter', function() { childimg.fade(1);});
	roll.addEvent('mouseleave', function() { childimg.fade(0);});
});

});//Domready close

window.addEvent('load', function() {

var overlay = $('overlay');

blendoutfx = new Fx.Tween(overlay, {
	property: 'opacity',
	duration: 2000, 
	transition: Fx.Transitions.Quart.easeInOut
});
	blendoutfx.start(1,0).chain( function () {
										   });
	
}); //Load Close