function openCollaboDetailFromMenu(lineupid, typeno) {
	closeMenu();
	setTimeout(function() {
		openCollaboLayer(lineupid, false);
		$('allcollabolayer').setAttribute('lock', 1);
		collabosOnClick(lineupid, typeno, true);
	}, 100);
}

function openCollabosDetail(collabosid, typeno, selectorbool) {

	new Ajax.Request(
		"/collabo/"+collabosid+"/list.txt", {
			method: "get",
			parameters: "cache=" + (new Date()).getTime(),
			onSuccess : function(httpObj) {
				var typeinfo = $w(httpObj.responseText.strip());
if(selectorbool) {
				new Effect.Opacity($('collabosimg'), { to: 1.0, from: 0.0, delay: 0.0, duration: 2.0 });
				setTimeout(function(){
					$('collabosimg').getElementsByTagName('img')[0].setAttribute('src', '/img/collabos_'+collabosid+'.jpg');
				}, 500);
} else {
				$('collabosimg').getElementsByTagName('img')[0].setAttribute('src', '/img/collabos_'+collabosid+'.jpg');
}
				$('main-topmenu').setAttribute('lock', 0);
				$('prodslayer').morph('margin-left: -845px;', {delay: 0.0, duration : 0.1});
				$('allcollabolayer').morph('margin-left: -1020px;', {delay: 0.5, duration : 1.0});
//				$('allcollabocontroller').morph('margin-left: -100px;', {delay: 0.5, duration : 1.0});
				$('closecollabosdetail').morph('margin-left: 0px;', {delay: 0.7, duration : 0.5});
				$('prodslayer').morph('margin-left: 0px;', {delay: 0.7, duration : 0.5})
				setTimeout(function(){
					$('allcollabolayer').setAttribute('lock', 1);
					$('main-topmenu').setAttribute('lock', 1);
				}, 1500);
				lineCProdsLayer(collabosid, typeinfo, typeno);
			},
			onFailure : function(httpObj) {
				Modalbox.show('<p class="center">Sorry, cannot load product informations.</p>', { title: "Caution!!" });
				closeCollabosDetail();
				$('allcollabolayer').setAttribute('lock', 1);
				$('main-topmenu').setAttribute('lock', 1);
			}
		}
	);

}

function closeCollabosDetail() {
//	openMenu();

	$('prodslayer').morph('margin-left: -845px;', {delay: 0.0, duration : 0.1});
	$('collabosimglayer').morph('margin-left: -200px;', {delay: 1.5, duration : 0.0});
	new Effect.Opacity(getTopCollabosElement(), { from:1.0, to: 0.5, delay: 1.5, duration: 0.5 });
	var x = $('allcollabolayer').getAttribute('x');
	$('allcollabolayer').morph('margin-left: '+x+'px;', {delay: 0.0, duration : 1.0});
//	$('allcollaboxcontroller').morph('margin-left: 50%;', {delay: 0.0, duration : 1.0});
	$('collabosselecter').morph('margin-top: -490px;', {delay: 0.0, duration : 0.5});
	$('closecollabosdetail').morph('margin-left: -200px;', {delay: 0.0, duration : 0.5});
	$('prodslayer').morph('margin-left: -850px;', {delay: 1.0, duration : 0.5});
	setTimeout(function(){
		$('collabosimg').getElementsByTagName('img')[0].setAttribute('src', '/img/dummy.gif');
		$('typetitle').morph('margin-left: -560px;', {delay: 0.1, duration: 0.0});
		$('arrowleft').morph('margin-left: -20px;', {delay: 0.1, duration: 0.0});
		$('arrowright').morph('margin-left: -20px;', {delay: 0.1, duration: 0.0});
		$('typeinfo').morph('margin-left: -300px;', {delay: 0.1, duration: 0.0});
		for(var i = 0; i < $('prodslayer').getElementsByClassName("color").length; i++) {
			$('color'+(i+1)).morph('margin-left: -60px;', {delay: 0.1, duration: 0.0});
		}
	}, 1500);

}

function lineCProdsLayer(collabosid, typeinfo, typeno) {
	new Effect.Opacity($('typeimg'), { to: 0.0, delay: 0.0, duration: 0.5 });
	$('typeimg').morph('margin-top: 25px; margin-left: 210px;', {delay: 0.1, duration: 0.0});
	var prods = $('prodslayer').getElementsByClassName("prods");
	var prodnum = parseInt(typeinfo.length);
	for(var i = 0; i < prods.length; i++) {
		var x = (i%3)*65+10;
		var y = parseInt(i/3)*73+165;
		prods[i].morph('margin-top: '+y+'px; margin-left: '+x+'px;', {delay: 0.1, duration: 1.0});
		if(i < prodnum) {
			prods[i].morph('background-color: #FFFFFF;', {delay: 0.0, duration: 0.0});
			prods[i].getElementsByTagName('img')[0].setAttribute('src', '/collabo/'+collabosid+'/'+typeinfo[i]+'.gif');
			prods[i].getElementsByTagName('img')[0].setAttribute('class', 'link');
			prods[i].getElementsByTagName('img')[0].setAttribute('className', 'link');
			prods[i].getElementsByTagName('img')[0].setAttribute('alt', typeinfo[i]);
			new Effect.Opacity(prods[i].getElementsByTagName('img')[0], { to: 1.0, delay: 0.0, duration: 0.5 });
			prods[i].onclick = function(){
				openCTypeDetail(collabosid, this.getElementsByTagName('img')[0].getAttribute('alt'), false);
			}
		} else {
			prods[i].morph('background-color: #660000;', {delay: 0.0, duration: 0.0});
			prods[i].getElementsByTagName('img')[0].setAttribute('src', '/img/dummy.gif');
			prods[i].getElementsByTagName('img')[0].setAttribute('class', '');
			prods[i].getElementsByTagName('img')[0].setAttribute('className', '');
			prods[i].getElementsByTagName('img')[0].setAttribute('alt', 'lagasha.com');
			new Effect.Opacity(prods[i].getElementsByTagName('img')[0], { to: 1.0, delay: 0.0, duration: 0.5 });
			prods[i].onclick = function(){
			}
		}
	}
	if(typeno == null || typeno == '') {
		openCTypeDetail(collabosid, typeinfo[0], false);
	} else {
		openCTypeDetail(collabosid, typeno, false);
	}
}