function openSeriesLayer(seriesid, bool) {
	if(bool == null) {
		bool = true;
	}
	$('main').setAttribute('openlayer', 'allserieslayer');
	closeMenu();
	lineSeriesLayer(seriesid);
	$('main-topmenu').setAttribute('lock', 1);
	$('allserieslayer').setAttribute('x', 5);
	$('allserieslayer').setAttribute('lock', 1);
	if(bool) {
		$('allserieslayer').morph('margin-left: 5px;', {delay: 0.8, duration : 1.0});
//		$('allseriescontroller').morph('margin-left: 50%;', {delay: 0.8, duration : 1.0});
	}
}

function lineSeriesLayer(seriesid) {
	if($('allserieslayer').getAttribute('topseries') == null || $('allserieslayer').getAttribute('topseries') == '') {
		$('allserieslayer').removeChild($('allserieslayer').childNodes.item(0));

		var series = getSeriesIds(seriesid);

		for(var i = 0; i < series.length; i++) {
			if(i == 0) {
				$('allserieslayer').setAttribute('topseries', series[0]);
			}
			var div = document.createElement("div");
			div.setAttribute('class', 'series');
			div.setAttribute('className', 'series');
			div.setAttribute('id', 'series'+i);
			div.setAttribute('seriesid', series[i]);
			var img = document.createElement("img");
			img.src = '/img/series_'+series[i]+'.jpg';
			img.width = '200';
			img.height = '160';
			img.alt = getSeriesName(series[i]) + ' Series';
			img.setAttribute('class', 'link');
			img.setAttribute('className', 'link');
			div.appendChild(img);
			$('allserieslayer').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);
			$('allserieslayer').setAttribute('maxzindex', (10+i));
			div.setAttribute('x', x);
			div.setAttribute('y', y);
			div.setAttribute('lock', 1);
			div.onclick = function(){
				seriesOnClick(this.getAttribute('seriesid'));
			}
		}

	}
}

function slide(direction) {
	var nowx = parseInt($('allserieslayer').getAttribute('x'));
	var slide = 0;
	if(direction == 'left') {
		slide = -205;
	} else if(direction == 'right') {
		slide = 205;
	}
	var x = nowx+slide;
	if(x <= 5 && x >= -405) {
		$('allserieslayer').morph('margin-left: '+x+'px;', {delay: 0.0, duration : 0.5});
		$('allserieslayer').setAttribute('x', x);
	}
	seriesOpacity();
}

function seriesOnClick(seriesid, typeno, selectorbool) {

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

	var id = getSeriesElement(seriesid).getAttribute('id');
	if($('allserieslayer').getAttribute('lock') == 1) {
		$('allserieslayer').setAttribute('lock', 0);
		$('seriesimg').getElementsByTagName('img')[0].setAttribute('src', '/img/dummy.gif');
		$('seriesimglayer').morph('margin-left: -200px;', {delay: 0.2, duration : 0.0});
		new Effect.Opacity($('seriesimglayer'), { delay: 0.0, to: 0.0, duration: 0.1 });
		$('seriesselecter').morph('margin-top: -490px;', {delay: 0.0, duration: 0.5});
		var zindex = $('allserieslayer').getAttribute('maxzindex');
		$(id).style.zIndex = (parseInt(zindex)+1);
		$('allserieslayer').setAttribute('maxzindex', (parseInt(zindex)+1));
		var prex = $(id).getAttribute('x');
		var prey = $(id).getAttribute('y');
		var topseries = getTopSeriesElement();
		var topx = topseries.getAttribute('x');
		var topy = topseries.getAttribute('y');
		var time = 0.0;
		if(topseries.getAttribute('seriesid') != $(id).getAttribute('seriesid')) {
			if(prex != topx) {
				$(id).morph(' margin-left: '+topx+'px;', {delay: time, duration : 0.5});
				topseries.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});
				topseries.morph('margin-top: '+prey+'px;', {delay: time, duration : 0.5});
				time += 0.5;
			}
			$(id).setAttribute('x', topx);
			$(id).setAttribute('y', topy);
			topseries.setAttribute('x', prex);
			topseries.setAttribute('y', prey);
			new Effect.Opacity(topseries, { 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) {
			$('closeseriesdetail').morph('margin-left: -200px;', {delay: 0.0, duration : 0.1});
			$('seriesimglayer').morph('margin-left: 5px;', {delay: time, duration : 0.1});
			new Effect.Opacity($('seriesimglayer'), { delay: (time+0.1), to: 1.0, duration: 0.1 })
		} else {
			$('seriesimglayer').morph('margin-left: 5px;', {delay: 0.1, duration : 0.1});
			new Effect.Opacity($('seriesimglayer'), { delay: 0.3, to: 1.0, duration: 0.1 })
		}

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

		$('typetitle').morph('margin-left: -300px;', {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(){
			$('allserieslayer').setAttribute('lock', 1);
			openSeriesDetail(seriesid, typeno, selectorbool);
		}, Math.max(500, (1000*time)));
	}
}