function openSeriesDetail(seriesid, typeno, selectorbool) {

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

}

function closeSeriesDetail() {
	$('prodslayer').morph('margin-left: -845px;', {delay: 0.0, duration : 0.1});
	$('seriesimglayer').morph('margin-left: -200px;', {delay: 1.5, duration : 0.0});
	new Effect.Opacity(getTopSeriesElement(), { from:1.0, to: 0.5, delay: 1.5, duration: 0.5 });
	var x = $('allserieslayer').getAttribute('x');
	$('allserieslayer').morph('margin-left: '+x+'px;', {delay: 0.0, duration : 1.0});
//	$('allseriescontroller').morph('margin-left: 50%;', {delay: 0.0, duration : 1.0});
	$('seriesselecter').morph('margin-top: -490px;', {delay: 0.0, duration : 0.5});
	$('closeseriesdetail').morph('margin-left: -200px;', {delay: 0.0, duration : 0.5});
	$('prodslayer').morph('margin-left: -850px;', {delay: 1.0, duration : 0.5});
	setTimeout(function(){
		$('seriesimg').getElementsByTagName('img')[0].setAttribute('src', '/img/dummy.gif');
		$('typetitle').morph('margin-left: -300px;', {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});
		$('buyprod').morph('margin-left: -100px;', {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 lineProdsLayer(seriesid, 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', '/prod/'+seriesid+'/'+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(){
				openTypeDetail(seriesid, 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 == '') {
		openTypeDetail(seriesid, typeinfo[0]);
	} else {
		openTypeDetail(seriesid, typeno);
	}
}