function openCollaboLayer(collabosid, bool) {
	if(bool == null) {
		bool = true;
	}
	$('main').setAttribute('openlayer', 'allcollabolayer');
	closeMenu();
	lineCollaboLayer(collabosid);
	$('main-topmenu').setAttribute('lock', 1);
	$('allcollabolayer').setAttribute('x', 5);
	$('allcollabolayer').setAttribute('lock', 1);
	if(bool) {
		$('allcollabolayer').morph('margin-left: 5px;', {delay: 0.8, duration : 1.0});
//		$('allcollabocontroller').morph('margin-left: 50%;', {delay: 0.8, duration : 1.0});
	}
}

function lineCollaboLayer(collabosid) {
	if($('allcollabolayer').getAttribute('topcollabos') == null || $('allcollabolayer').getAttribute('topcollabos') == '') {
		$('allcollabolayer').removeChild($('allcollabolayer').childNodes.item(0));

		var collabos = getCollabosIds(collabosid);

		for(var i = 0; i < collabos.length; i++) {
			if(i == 0) {
				$('allcollabolayer').setAttribute('topcollabos', collabos[0]);
			}
			var div = document.createElement("div");
			div.setAttribute('class', 'series');
			div.setAttribute('className', 'series');
			div.setAttribute('id', 'collabos'+i);
			div.setAttribute('collabosid', collabos[i]);
			var img = document.createElement("img");
			img.src = '/img/collabos_'+collabos[i]+'.jpg';
			img.width = '200';
			img.height = '160';
			img.alt = getCollabosName(collabos[i]) + ' Series';
			img.setAttribute('class', 'link');
			img.setAttribute('className', 'link');
			div.appendChild(img);
			$('allcollabolayer').appendChild(div);

			var x = parseInt(i/3)*205;
			var y = (i%3)*165;
			new Effect.Opacity(div, { to: 0.5, duration: 1.0 });
			div.morph('margin-top: '+y+'px; margin-left: '+x+'px;', {delay: 0.1, duration : 1.0});
			div.style.zIndex = (10+i);
			$('allcollabolayer').setAttribute('maxzindex', (10+i));
			div.setAttribute('x', x);
			div.setAttribute('y', y);
			div.setAttribute('lock', 1);
			div.onclick = function(){
				collabosOnClick(this.getAttribute('collabosid'));
			}
		}

	}
}

function collabosOnClick(collabosid, typeno, selectorbool) {

if(selectorbool == '') {
	selectorbool = false;
}

	var id = getCollabosElement(collabosid).getAttribute('id');

	if($('allcollabolayer').getAttribute('lock') == 1) {

		$('allcollabolayer').setAttribute('lock', 0);
		$('collabosimg').getElementsByTagName('img')[0].setAttribute('src', '/img/dummy.gif');
		$('collabosimglayer').morph('margin-left: -200px;', {delay: 0.2, duration : 0.0});
		new Effect.Opacity($('collabosimglayer'), { delay: 0.0, to: 0.0, duration: 0.1 });
		$('collabosselecter').morph('margin-top: -490px;', {delay: 0.0, duration: 0.5});
		var zindex = $('allcollabolayer').getAttribute('maxzindex');
		$(id).style.zIndex = (parseInt(zindex)+1);
		$('allcollabolayer').setAttribute('maxzindex', (parseInt(zindex)+1));
		var prex = $(id).getAttribute('x');
		var prey = $(id).getAttribute('y');
		var topcollabos = getTopCollabosElement();
		var topx = topcollabos.getAttribute('x');
		var topy = topcollabos.getAttribute('y');
		var time = 0.0;
		if(topcollabos.getAttribute('collabosid') != $(id).getAttribute('collabosid')) {
			if(prex != topx) {
				$(id).morph(' margin-left: '+topx+'px;', {delay: time, duration : 0.5});
				topcollabos.morph('margin-left: '+prex+'px;', {delay: time, duration : 0.5});
				time += 0.5;
			}
			if(prey != topy) {
				$(id).morph('margin-top: '+topy+'px;', {delay: time, duration : 0.5});
				topcollabos.morph('margin-top: '+prey+'px;', {delay: time, duration : 0.5});
				time += 0.5;
			}
			$(id).setAttribute('x', topx);
			$(id).setAttribute('y', topy);
			topcollabos.setAttribute('x', prex);
			topcollabos.setAttribute('y', prey);
			new Effect.Opacity(topcollabos, { delay: 0.0, to: 0.5, duration: 1.0 })

		}

		new Effect.Opacity($(id), { delay: 0.0, to: 1.0, duration: 1.0 })
		if(prex != topx || prey != topy) {
			$('closecollabosdetail').morph('margin-left: -200px;', {delay: 0.0, duration : 0.1});
			$('collabosimglayer').morph('margin-left: 5px;', {delay: time, duration : 0.1});
			new Effect.Opacity($('collabosimglayer'), { delay: (time+0.1), to: 1.0, duration: 0.1 })
		} else {
			$('collabosimglayer').morph('margin-left: 5px;', {delay: 0.1, duration : 0.1});
			new Effect.Opacity($('collabosimglayer'), { delay: 0.3, to: 1.0, duration: 0.1 })
		}

		$('prodslayer').morph('margin-left: -850px;', {delay: 0.0, duration : 0.5});

		$('typetitle').morph('margin-left: -560px;', {delay: 0.5, duration: 0.0});
		$('arrowleft').morph('margin-left: -20px;', {delay: 0.5, duration: 0.0});
		$('arrowright').morph('margin-left: -20px;', {delay: 0.5, duration: 0.0});
		$('typeinfo').morph('margin-left: -300px;', {delay: 0.5, duration: 0.0});
		for(var i = 0; i < $('prodslayer').getElementsByClassName("color").length; i++) {
			$('color'+(i+1)).morph('margin-left: -60px;', {delay: 0.5, duration: 0.0});
		}
		setTimeout(function(){
			$('allcollabolayer').setAttribute('lock', 1);
			openCollabosDetail(collabosid, typeno, selectorbool);
		}, Math.max(500, (1000*time)));
	}

}