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

  	$('mainpagecont').setStyles({display: 'block',opacity:0});
  	$('mainpagecont').fade(1);
  	$('theloader').fade(0);
	$('mainpagecont').setStyle('filter', '');	
	$('theloader').setStyle('filter', ''); 
	if ($("downloadadvice")){
		$("downloadadvice").innerHTML = "* Downloadable product, you will be able to download your purchase from your account after your payment (for a DVD version, add shipping fees at checkout)<br>* you need the kontakt sampler (or any other listed sampler), the kontakt player will work, but only for 30min (v3.5) then you will have to restart it.";
		$("textimg").innerHTML = "Product image";
		$("musicboxcopy").innerHTML = "The demos are copyrighted";
		$('fondtextimg').setStyles({display:'block', opacity:0.1, height:30, top:0});
	}
	
	//slider variables for making things easier below
	var itemsHolder = $('container');
	var myItems = $$(itemsHolder.getElements('.item'));
	
	//controls for slider
	var theControls = $('controls1');
	var theTopBtn = $(theControls.getElement('.top_btn'));
	var thePrevBtn = $(theControls.getElement('.prev_btn'));
	var theNextBtn = $(theControls.getElement('.next_btn'));
	
	
	//create instance of the slider, and start it up		
	var mySlider = new SL_Slider({
		slideTimer: 1000,
		orientation: 'vertical',      //vertical, horizontal, or none: None will create a fading in/out transition.
		fade: true,                    //if true will fade the outgoing slide - only used if orientation is != None
		isPaused: true,
		container: itemsHolder,
		items: myItems,
		prevBtn: thePrevBtn,
		nextBtn: theNextBtn,
		topBtn: theTopBtn
	});
	mySlider.start();	
	
	
	
	
	initmoogrow();
	var scroller = new UvumiScrollbar("content1");
});

window.addEvent('load', function() {
	var moogrowimg = new Element('img', {'class': 'moogrowimg','id': 'moogrowimg'});
	var moogrowload = new Element('img', {'class': 'moogrowload','id': 'moogrowload','src':'../css/loading.gif'});
	var moogrowimgtmp = new Element('img', {'class': 'moogrowimgtmp','id': 'moogrowimgtmp'});
	var moogrowimgback = new Element('div', {'class': 'moogrowimgback','id': 'moogrowimgback'});
	var imgclose2 = new Element('img', {'src': '../images-global/zoom/closebox.png', 'id': 'imgclose2','events': {'click': function(){closemoogrow();}} });
	moogrowload.injectInside(document.body);
	moogrowimgback.injectInside(document.body);
	moogrowimg.injectInside(document.body);
	moogrowimgtmp.injectInside(document.body);
	imgclose2.injectInside(document.body);
	$('moogrowload').set({'styles': {'display':'none','position':'absolute','top':0,'left':0,'z-index':'2000','opacity':0}});
	$('imgclose2').set({'styles': {'cursor': 'pointer','display':'none','position':'absolute','top':0,'left':0, 'opacity':0,'z-index':'2001'}});
	$('moogrowimgback').set({'styles': {'display':'none','position':'absolute','top':0,'left':0,'z-index':'1999','background-color':'black','opacity':0}});
	$('moogrowimg').set({'styles': {'display':'none','position':'absolute','top':0,'left':0,'z-index':'2000','opacity':0}});
	$('moogrowimgtmp').set({'styles': {'display':'none','position':'absolute','top':0,'left':0,'z-index':'-2000','opacity':0}});


});

var initsize
var initpos


function initmoogrow(){
	$$('img').each(function(el,index){
			if (el.alt=="grow"){
				el.addEvent('click', function() { mymoogrow(el); });
			}
	});
}

function mymoogrow(myobject) {
    	$('imgclose2').set({'styles': {'display':'block'}});
    	$('moogrowimg').set({'styles': {'display':'block'}});
		$('moogrowimgback').set({'styles': {'display':'block'}});
		$('moogrowimgtmp').set({'styles': {'display':'block'}});
		$('moogrowload').set({'styles': {'display':'block','top':myobject.getPosition().y+myobject.getSize().y/2-10,'left':myobject.getPosition().x+myobject.getSize().x/2-10}});
		new Fx.Morph('moogrowload', {duration: 50, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':1});
	var myImage = new Asset.images([myobject.title], {
    onComplete: function(){
    	initsize = myobject.getSize();
    	initpos = myobject.getPosition();
        var docsize = document.getSize();
		$('moogrowimg').src=myobject.title;
		$('moogrowimgtmp').src=myobject.title;
		var totsize = $('moogrowimgtmp').getSize();
		$('moogrowimg').setPosition(myobject.getPosition());
		$('moogrowimg').set({'styles': {'width':myobject.getSize().x,'height':myobject.getSize().y, 'opacity': 0.2}});
		new Fx.Morph('moogrowload', {duration: 50, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':0});
		new Fx.Morph('moogrowimg', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).start({'width': totsize.x, 'height': totsize.y,'top': docsize.y/2-totsize.y/2,'left': docsize.x/2-totsize.x/2,'opacity':1});
		(function(){
				$('moogrowimgtmp').set({'styles': {'display':'none', 'src':""}});
				$('moogrowload').set({'styles': {'display':'none', 'src':""}});
				$('moogrowimgback').set({'styles': {'width': totsize.x, 'height': totsize.y,'top': docsize.y/2-totsize.y/2,'left': docsize.x/2-totsize.x/2}});
				$('imgclose2').set({'styles': {'top': docsize.y/2-totsize.y/2-15,'left': docsize.x/2-totsize.x/2-15}});
		    	new Fx.Morph('moogrowimgback', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':0.3});
		    	new Fx.Morph('imgclose2', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':1});
		    
		    }).delay(200);
    }
});
}
function closemoogrow() {
		new Fx.Morph('moogrowimgtmp', {duration: 50, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':0});
		new Fx.Morph('moogrowimgback', {duration: 50, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':0});
		new Fx.Morph('imgclose2', {duration: 50, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':0});
		$('moogrowimgtmp').set({'styles': {'display':'none'}});
		(function(){
			$('imgclose2').set({'styles': {'display':'none'}});
			$('moogrowimgback').set({'styles': {'display':'none'}});
			new Fx.Morph('moogrowimg', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).start({'width': initsize.x, 'height': initsize.y,'top': initpos.y,'left': initpos.x,'opacity':0});
		
		}).delay(50);
		(function(){
			$('imgclose2').set({'styles': {'display':'none'}});
		$('moogrowimgback').set({'styles': {'display':'none'}});
		$('moogrowimgtmp').set({'styles': {'display':'none'}});
		$('moogrowload').set({'styles': {'display':'none'}});
		$('moogrowimg').set({'styles': {'display':'none'}});
		
		}).delay(250);
}

function fadeinout(myobject,imgsize) {
  	var imgsrc = myobject.src;
  	imgsrc2 = imgsrc.substring(0,imgsrc.length-5) + "L" + imgsrc.substring(imgsrc.length-4,imgsrc.length);
  	var imgtext = myobject.alt;
	if (myobject.src != $('imgcentre').src ) {
		var x = new Chain();
		
	  	var one = function(){
	  	  $('fondtextimg').setStyles({display: 'block',opacity:0.1});
	  	  new Fx.Morph('fondtextimg', {duration: 300, transition: Fx.Transitions.Sine.easeOut}).start({'height': 0, 'top': 0 });
	  	  new Fx.Morph('textimg', {duration: 100, transition: Fx.Transitions.Sine.easeOut}).start({'opacity': 0 });
		};
		var two = function(){	
	  	  new Fx.Morph('imgcentre', {duration: 300, transition: Fx.Transitions.Sine.easeOut}).start({'opacity': 0 });
		};
		
		var three = function(){
			$('imgcentre').setStyles({top:250/2-imgsize/2});
			$('textimg').innerHTML = imgtext;	
			$('imgcentre').src = imgsrc;		
			$('imgcentre').title = imgsrc2;
		};
		
	  	var four = function(){	
	  	  new Fx.Morph('imgcentre', {duration: 300, transition: Fx.Transitions.Sine.easeOut}).start({'opacity': 1 });
		};
	  	var five = function(){	
	  	  new Fx.Morph('fondtextimg', {duration: 300, transition: Fx.Transitions.Sine.easeOut}).start({'height': 30, 'top': 0 });
	  	  new Fx.Morph('textimg', {duration: 300, transition: Fx.Transitions.Sine.easeOut}).start({'opacity': 1 });
	  	  initmoogrow();
		};
	
	
		x.chain(one);
		x.chain(two);
		x.chain(three);
		x.chain(four);
		x.chain(five);
		
		
	   	x.callChain();
	   	x.callChain.delay(100, x);
	   	x.callChain.delay(400, x);
	   	x.callChain.delay(401, x);
	   	x.callChain.delay(500, x);
   	}
}

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

var fondyoutube = new Element('div', {'class': 'fondyoutube','id': 'fondyoutube'});
var fondloader = new Element('img', {'class': 'fondloader','id': 'fondloader', 'src':'../css/loading.gif','styles': {'display': 'none',display: 'none',position:'absolute','z-index':'1120'}});
var fondimgyoutube = new Element('img', {'class': 'fondimgyoutube','id': 'fondimgyoutube','src':'','styles': {'display': 'none',display: 'none',position:'absolute',width:'10px',height:'10px',cursor:'pointer','z-index':'1119'}});
var fondopaque = new Element('div', {'class': 'fondopaque','id': 'fondopaque','events': {'click': function(){closeyoutubelink();}}});
var closeyoutube = new Element('div', {'class': 'closeyoutube','id': 'closeyoutube','events': {'click': function(){closeyoutubelink();}}});
var imgclose = new Element('img', {'src': '../images-global/zoom/closebox.png', 'styles': {'cursor': 'pointer'} });

fondopaque.injectInside(document.body);
fondloader.injectInside(document.body);
fondyoutube.injectInside(document.body);
fondimgyoutube.injectInside(document.body);
closeyoutube.injectInside(document.body);
imgclose.injectInside($("closeyoutube"));
$('closeyoutube').setStyles({display: 'none',cursor:'pointer',position:'absolute','z-index':'1121'});
$('fondopaque').setStyles({display: 'none',position:'absolute','z-index':'1119','background-color':'black'});
$('fondyoutube').setStyles({display: 'none',position:'absolute',width:'10px',height:'10px',cursor:'pointer','z-index':'1120','background-color':'none'});

});

var lastxpox = 0;
var lastypos = 0;
var lastobjwidth = 0;
var lastobjheight = 0;
var objectimg = '';
var lastvidsizex = 0;
var lastvidsizey = 0;

function findPosX(obj) {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj) {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }

function addyoutubelink(myobject,vidsizex,vidsizey,link) {
		
		var x = new Chain();
		var xpos = document.getSize().x / 2 - vidsizex/2;
		var ypos = document.getSize().y / 2 - vidsizey/2;
		var pagewidth = document.getSize().x;
		var pageheight = document.getSize().y;
		if (Browser.Engine.trident) {
			var initx = findPosX(myobject);
			var inity = findPosY(myobject);
			var objwidth = 100;
			var objheight = 100;
		} else {
			var initx = myobject.getPosition().x;
			var inity = myobject.getPosition().y;
			var objwidth = myobject.getSize().x;
			var objheight = myobject.getSize().y;
		}
		lastxpos = initx;
		lastypos = inity;
		lastobjwidth = objwidth;
		lastobjheight = objheight;
		objectimg = myobject.src;
		lastvidsizex = vidsizex;
		lastvidsizey = vidsizey;
		
	  	var one = function(){
	  	  $('fondopaque').setStyles({display: 'block',opacity:0,width:pagewidth, height:pageheight, top:0, left:0});
	  	  if (myobject.src){
	  	  $('fondimgyoutube').src = myobject.src;
	  	  $('fondimgyoutube').setStyles({display: 'block',opacity:0,width:objwidth, height:objheight, top:inity, left:initx});
	  	  $('fondyoutube').setStyles({display: 'block',opacity:0,width:vidsizex, height:vidsizey, top:ypos, left:xpos});
	  	  $('fondloader').setStyles({display: 'block',opacity:0,top:ypos+vidsizey/2-20, left:xpos+vidsizex/2-20});
	  	  }
	  	  
	  	  new Fx.Morph('fondimgyoutube', {duration: 250, transition: Fx.Transitions.Sine.easeOut}).start({'width': vidsizex, 'height': vidsizey, 'top':ypos, 'left':xpos,'opacity':0.5 });
	  	  
		 
	  	  $('fondyoutube').setStyles({opacity:1});
		};
		var two = function(){
	  	  $('fondyoutube').set('html','<object width="'+ vidsizex +'" height="'+ vidsizey +'"><param name="movie" value="'+ link +'&color1=0x000000&color2=0x000000"></param><param name="allowFullScreen" value="true"/><param name="wmode" value="transparent"/><param name="allowscriptaccess" value="always"/><param name="bgcolor" value="000000" /><embed src="'+ link +'" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" bgcolor="000000" allowfullscreen="true" width="'+ vidsizex +'" height="'+ vidsizey +'"></embed></object>');
	  	  
	  	  new Fx.Morph('fondloader', {duration: 250, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':1 });
	  	  $('closeyoutube').set({'styles': {'top': ypos-15,'left': xpos-15,'display':'block','opacity':'0'}});
	  	  };
		var three = function(){	
			if (Browser.Engine.trident) {
	  	  $('fondyoutube').setStyles({opacity:1});
	  	  $('closeyoutube').setStyles({opacity:1});
	  	  $('fondopaque').setStyles({opacity:0.7});
		  } else {
	  	  $('fondyoutube').setStyles({opacity:1});
	  	  new Fx.Morph('closeyoutube', {duration: 250, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':1 });
	  	  new Fx.Morph('fondopaque', {duration: 250, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':0.7 });
	  	  }
	  	  };
		
		x.chain(one);
		x.chain(two);
		x.chain(three);
		
		x.callChain();
	   	x.callChain.delay(300, x);
	   	x.callChain.delay(301, x);
}
function closeyoutubelink(){
	var laduree = 200;
	var x = new Chain();
	
		var one = function(){	
	  	  new Fx.Morph('closeyoutube', {duration: 250, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':0 });
	  	  new Fx.Morph('fondopaque', {duration: 250, transition: Fx.Transitions.Sine.easeOut}).start({'opacity':0 });
	  	  $('fondloader').setStyles({display: 'none',opacity:0});
	  	  };
	var two = function(){
	  	  $('closeyoutube').set({'styles': {'display':'none'}});
	  	  $('fondyoutube').set({'styles': {'display':'none'}});
	  	  new Fx.Morph('fondimgyoutube', {duration: 250, transition: Fx.Transitions.Sine.easeOut}).start({'width': lastobjwidth, 'height': lastobjheight, 'top':lastypos, 'left':lastxpos,'opacity':0.3 });
		};
		var three = function(){	
	  	  $('fondopaque').setStyles({display: 'none'});
	  	  $('fondyoutube').set('html','');
	  	  $('fondyoutube').setStyles({display: 'none',opacity:0,width:0, height:0, top:0, left:0});
	  	  $('fondimgyoutube').setStyles({display: 'none',opacity:0,width:0, height:0, top:0, left:0});
	  	  };
		
		x.chain(one);
		x.chain(two);
		x.chain(three);
		
		x.callChain();
	   	x.callChain.delay(150, x);
	   	x.callChain.delay(450, x);
}


var menu=function(){
	var t=15,z=50,s=6,a;
	function dd(n){this.n=n; this.h=[]; this.c=[]}
	dd.prototype.init=function(p,c){
		a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;
		for(i;i<l;i++){
			var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
			h.onmouseover=new Function(this.n+'.st('+i+',true)');
			h.onmouseout=new Function(this.n+'.st('+i+')');
		}
	}
	dd.prototype.st=function(x,f){
		var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];
		clearInterval(c.t); c.style.overflow='hidden';
		if(f){
			p.className+=' '+a;
			if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}
			if(c.mh==c.offsetHeight){c.style.overflow='visible'}
			else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}
		}else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,-1)},t)}
	}
	function sl(c,f){
		var h=c.offsetHeight;
		if((h<=0&&f!=1)||(h>=c.mh&&f==1)){
			if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
			clearInterval(c.t); return
		}
		var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
		c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
		c.style.height=h+(d*f)+'px'
	}
	return{dd:dd}
}();