function collabosSelector(selector) {
	collabosOnClick($(selector).getAttribute('collabosid'), '', true);
}

function openCSelector(collabosid) {
	var collabos = getCollabosIds();
	var counter = 1;
	for(var i = 0; i < collabos.length; i++) {
		if(collabos[i] == collabosid) {
			continue;
		}
		$('collabosselector'+counter).getElementsByTagName('img')[0].src = '/img/collabos_'+collabos[i]+'.jpg';
		$('collabosselector'+counter).getElementsByTagName('img')[0].alt = getCollabosName(collabos[i]);
		$('collabosselector'+counter).setAttribute('collabosid', collabos[i]);
		counter++;
		if(counter == 4) {
			break;
		}
	}
	$('collabosselecter').morph('margin-top: 30px;', {delay: 0.5, duration: 0.5});
}

function openCTypeDetail(collabosid, typeno, selectorbool) {
	openCTypeDetailaC(collabosid, typeno, selectorbool);
}

function openCTypeDetailaA(collabosid, typeno, selectorbool) {
	if(selectorbool == null) {
		selectorbool = true;
	}

	new Ajax.Request(
		'/collabo/' + collabosid + '/' + typeno + '/list.txt', {
			method: "get",
			parameters: "cache=" + (new Date()).getTime(),
			onSuccess : function(httpObj) {

				var typecolors = $w(httpObj.responseText.strip());
				$('typeimg').setAttribute('color', typecolors[0]);
				$('typeimg').setAttribute('position', '0');
				var typeimgs = new Array();
				for(var i = 0; i < typecolors.length; i++) {
					typeimgs[typecolors[i]] = new Array();
					for(var j = 0; j < 4; j++) {
						typeimgs[typecolors[i]][j] = typecolors[i]+'-'+j;
					}
				}
				$('typetitle').morph('margin-top: 0px; margin-left: 215px;', {delay: 0.1, duration: 0.0});
				setTypetitle(getCollabosName(collabosid)+' > #'+typeno)
				$('arrowleft').morph('margin-top: 270px; margin-left: 465px;', {delay: 0.1, duration: 0.0});
				$('arrowleft').getElementsByTagName('img')[0].onclick = function(){
					var position = parseInt($('typeimg').getAttribute('position'));
					if(position == 0) {
						position = 3;
					} else {
						position -= 1;
					}

					$('typeimage').src='/collabo/'+collabosid+'/'+typeno+'/'+typeimgs[$('typeimg').getAttribute('colorname')][position]+'.jpg';
					$('typeimg').setAttribute('bigimg', '/collabo/'+collabosid+'/'+typeno+'/'+typeimgs[$('typeimg').getAttribute('colorname')][position]+'_big.jpg');
					$('typeimg').setAttribute('position', position);
				}
				$('arrowright').morph('margin-top: 270px; margin-left: 490px;', {delay: 0.1, duration: 0.0});
				$('arrowright').getElementsByTagName('img')[0].onclick = function(){
					var position = parseInt($('typeimg').getAttribute('position'));
					if(position == 3) {
						position = 0;
					} else {
						position += 1;
					}

					$('typeimage').src = '/collabo/'+collabosid+'/'+typeno+'/'+typeimgs[$('typeimg').getAttribute('colorname')][position]+'.jpg';
					$('typeimg').setAttribute('bigimg', '/collabo/'+collabosid+'/'+typeno+'/'+typeimgs[$('typeimg').getAttribute('colorname')][position]+'_big.jpg');
					$('typeimg').setAttribute('position', position);
				}
				for(var i = 0; i < $('prodslayer').getElementsByClassName("color").length; i++) {
					if(i < typecolors.length) {
						var y = (i*73)+25;
						$('color'+(i+1)).setAttribute('colorname', typecolors[i]);
						$('color'+(i+1)).getElementsByTagName('img')[0].src = '/collabo/'+collabosid+'/'+typeno+'_'+typecolors[i]+'.gif';
						$('color'+(i+1)).getElementsByTagName('img')[0].alt = getCollabosName(collabosid)+' #'+typeno+' '+typecolors[i];
						$('color'+(i+1)).morph('margin-top: '+y+'px; margin-left: 694px;', {delay: 0.0, duration: 0.0});
						$('color'+(i+1)).getElementsByTagName('img')[0].onclick = function(){
							var calorname = this.parentNode.getAttribute('colorname');
							if(calorname != $('typeimg').getAttribute('colorname')) {

								$('typeimage').src = '/collabo/'+collabosid+'/'+typeno+'/'+typeimgs[calorname][$('typeimg').getAttribute('position')]+'.jpg';
								$('typeimg').setAttribute('bigimg', '/collabo/'+collabosid+'/'+typeno+'/'+typeimgs[calorname][$('typeimg').getAttribute('position')]+'_big.jpg');
								$('typeimg').setAttribute('colorname', calorname);
							}
						}
					} else {
						$('color'+(i+1)).getElementsByTagName('img')[0].src = '/img/dummy.gif';
						$('color'+(i+1)).getElementsByTagName('img')[0].alt = 'lagasha.com';
						$('color'+(i+1)).morph('margin-left: -60px;', {delay: 0.1, duration: 0.0});
					}
				}
				var prods = $('prodslayer').getElementsByClassName("prods");
				for(var i = 0; i < prods.length; i++) {
					if(prods[i].getElementsByTagName('img')[0].getAttribute('alt') == typeno) {
						$('typeimg').morph('margin-top: 25px; margin-left: 210px;', {delay: 0.1, duration: 0.0});
						new Effect.Opacity($('typeimg'), { to: 1.0, delay: 0.0, duration: 0.5 });

						$('typeimage').src = '/collabp/'+collabosid+'/'+typeno+'/'+typeimgs[typecolors[0]][0]+'.jpg';
						$('typeimage').setAttribute('alt', getCollabosName(collabosid) + ' #' + typeno);
						$('typeimg').setAttribute('bigimg', '/collabo/'+collabosid+'/'+typeno+'/'+typeimgs[typecolors[0]][0]+'_big.jpg');
						$('typeimg').setAttribute('colorname', typecolors[0]);
						$('typeimg').setAttribute('position', '0');
					}
				}
				if(selectorbool) {
					openCSelector(collabosid);
				}

				new Ajax.Request(
					'/collabo/' + collabosid + '/' + typeno + '/info.txt', {
						method: "get",
						parameters: "cache=" + (new Date()).getTime(),
						onSuccess : function(httpObj2) {
							setTypeinfo(httpObj2.responseText);
						},
						onFailure : function(httpObj) {
							setTypeinfo('');
						}
					}
				);

				$('typeinfo').morph('margin-top: 440px; margin-left: 215px;', {delay: 0.1, duration: 0.0});
			},
			onFailure : function(httpObj) {
				Modalbox.show('<p class="center">Sorry, cannot load product informations.</p>', { title: "Caution!!" });
				var prods = $('prodslayer').getElementsByClassName("prods");
				$('typeimg').setAttribute('bigimg', '');
			}
		}
	);

}

function openCTypeDetailaB(collabosid, typeno, selectorbool) {
	if(selectorbool == null) {
		selectorbool = true;
	}

	$('typetitle').morph('margin-top: 0px; margin-left: 215px;', {delay: 0.1, duration: 0.0});
	setTypetitle(getCollabosName(collabosid)+' > #'+typeno)
	var prods = $('prodslayer').getElementsByClassName("prods");
	for(var i = 0; i < prods.length; i++) {
		if(prods[i].getElementsByTagName('img')[0].getAttribute('alt') == typeno) {
			$('typeimg').morph('margin-top: 25px; margin-left: 210px;', {delay: 0.1, duration: 0.0});
			new Effect.Opacity($('typeimg'), { to: 1.0, delay: 0.0, duration: 0.5 });

			$('typeimage').src = '/collabp/'+collabosid+'/'+typeno+'/0.jpg';
			$('typeimage').setAttribute('alt', getCollabosName(collabosid) + ' #' + typeno);
			$('typeimg').setAttribute('bigimg', '');
			$('typeimg').setAttribute('position', '0');
		}
	}
	if(selectorbool) {
		openCSelector(collabosid);
	}

	new Ajax.Request(
		'/collabo/' + collabosid + '/' + typeno + '/info.txt', {
			method: "get",
			parameters: "cache=" + (new Date()).getTime(),
			onSuccess : function(httpObj) {
				setTypeinfo(httpObj.responseText);
			},
			onFailure : function(httpObj) {
				setTypeinfo('');
			}
		}
	);

	$('typeinfo').morph('margin-top: 440px; margin-left: 215px;', {delay: 0.1, duration: 0.0});

}

function openCTypeDetailaC(collabosid, typeno, selectorbool) {
	if(selectorbool == null) {
		selectorbool = true;
	}

	new Ajax.Request(
		'/collabo/' + collabosid + '/' + typeno + '/list.txt', {
			method: "get",
			parameters: "cache=" + (new Date()).getTime(),
			onSuccess : function(httpObj) {

				var typecolors = $w(httpObj.responseText.strip());
				$('typeimg').setAttribute('color', typecolors[0]);
				$('typeimg').setAttribute('position', '0');
				var typeimgs = new Array();
				for(var i = 0; i < typecolors.length; i++) {
					typeimgs[typecolors[i]] = new Array();
					for(var j = 0; j < 4; j++) {
						typeimgs[typecolors[i]][j] = typecolors[i]+'-'+j;
					}
				}
				$('typetitle').morph('margin-top: 0px; margin-left: 215px;', {delay: 0.1, duration: 0.0});
				setTypetitle(getCollabosName(collabosid)+' > #'+typeno)
				for(var i = 0; i < $('prodslayer').getElementsByClassName("color").length; i++) {
					if(i < typecolors.length) {
						var y = (i*73)+25;
						$('color'+(i+1)).setAttribute('colorname', typecolors[i]);
						$('color'+(i+1)).getElementsByTagName('img')[0].src = '/collabo/'+collabosid+'/'+typeno+'_'+typecolors[i]+'.gif';
						$('color'+(i+1)).getElementsByTagName('img')[0].alt = getCollabosName(collabosid)+' #'+typeno+' '+typecolors[i];
						$('color'+(i+1)).morph('margin-top: '+y+'px; margin-left: 694px;', {delay: 0.0, duration: 0.0});
						$('color'+(i+1)).getElementsByTagName('img')[0].onclick = function(){
							var calorname = this.parentNode.getAttribute('colorname');
							if(calorname != $('typeimg').getAttribute('colorname')) {

								$('typeimage').src = '/collabo/'+collabosid+'/'+typeno+'/'+typeimgs[calorname][$('typeimg').getAttribute('position')]+'.jpg';
								$('typeimg').setAttribute('bigimg', '/collabo/'+collabosid+'/'+typeno+'/'+typeimgs[calorname][$('typeimg').getAttribute('position')]+'_big.jpg');
								$('typeimg').setAttribute('colorname', calorname);
							}
						}
					} else {
						$('color'+(i+1)).getElementsByTagName('img')[0].src = '/img/dummy.gif';
						$('color'+(i+1)).getElementsByTagName('img')[0].alt = 'lagasha.com';
						$('color'+(i+1)).morph('margin-left: -60px;', {delay: 0.1, duration: 0.0});
					}
				}
				var prods = $('prodslayer').getElementsByClassName("prods");
				for(var i = 0; i < prods.length; i++) {
					if(prods[i].getElementsByTagName('img')[0].getAttribute('alt') == typeno) {
						$('typeimg').morph('margin-top: 25px; margin-left: 210px;', {delay: 0.1, duration: 0.0});
						new Effect.Opacity($('typeimg'), { to: 1.0, delay: 0.0, duration: 0.5 });

						$('typeimage').src = '/collabo/'+collabosid+'/'+typeno+'/'+typeimgs[typecolors[0]][0]+'.jpg';
						$('typeimage').setAttribute('alt', getCollabosName(collabosid) + ' #' + typeno);
						$('typeimg').setAttribute('bigimg', '/collabo/'+collabosid+'/'+typeno+'/'+typeimgs[typecolors[0]][0]+'_big.jpg');
						$('typeimg').setAttribute('colorname', typecolors[0]);
						$('typeimg').setAttribute('position', '0');
					}
				}
				if(selectorbool) {
					openCSelector(collabosid);
				}

				new Ajax.Request(
					'/collabo/' + collabosid + '/' + typeno + '/info.txt', {
						method: "get",
						parameters: "cache=" + (new Date()).getTime(),
						onSuccess : function(httpObj2) {
							setTypeinfo(httpObj2.responseText);
						},
						onFailure : function(httpObj) {
							setTypeinfo('');
						}
					}
				);

				$('typeinfo').morph('margin-top: 440px; margin-left: 215px;', {delay: 0.1, duration: 0.0});
				if(collabosid == "ccollabo") {
					$('buyprod').morph('margin-top: 437px; margin-left: 550px;', {delay: 0.1, duration: 0.0});
					$('buyprod').getElementsByTagName('img')[0].onclick = function(){
						goOuter(collabosid+typeno);
					}
				} else {
					$('buyprod').morph('margin-left: -100px;', {delay: 0.1, duration: 0.0});
				}
			},
			onFailure : function(httpObj) {
				Modalbox.show('<p class="center">Sorry, cannot load product informations.</p>', { title: "Caution!!" });
				var prods = $('prodslayer').getElementsByClassName("prods");
				$('typeimg').setAttribute('bigimg', '');
			}
		}
	);

}