/*@cc_on _d=document;eval('var document=_d')@*/
var contentHeidht = 70;
var viewContents=3;

var pageBtnNext = new Array();
var pageBtnPrev = new Array();
pageBtnNext['japanese'] = '次へ';
pageBtnNext['english'] = 'Next';
pageBtnPrev['japanese'] = '前へ';
pageBtnPrev['english'] = 'Prev';





window.addEvent('domready', function() {
/*@cc_on _d=document;eval('var document=_d')@*/


	setPagenate('art');
	setPagenate('cinema');
	setPagenate('theater');
	setPagenate('education');
	setPagenate('live');
	setPagenate('interlab');
	
	trimThumb('art');
	trimThumb('cinema');
	trimThumb('theater');
	trimThumb('education');
	trimThumb('live');
	trimThumb('interlab');

});

function setPagenate(id){
	var item = $$('#genContainer_'+id+' li')
	var itemLength = item.length;
	if(itemLength>viewContents){
		$$('#'+id+' .genreWrapper')[0].setStyles({'height':contentHeidht*viewContents});
		
		var btns = '';
		
		for(i=0; i<Math.ceil(itemLength/viewContents); i++){
			if(i==0)
			btns += '<li><a class="pageNum" href=javascript:; onclick="pageChange(\''+id+'\','+i+');" style="text-decoration:underline; font-weight:bold;">'+(i+1)+'</a></li>';
			else
			btns += '<li><a class="pageNum" href=javascript:; onclick="pageChange(\''+id+'\','+i+');">'+(i+1)+'</a></li>';
		}
		btns += '  |';
		btns += '<li><a class="pagePrev" style="display:none;" href=javascript:pageChange(\''+id+'\',1);>'+pageBtnPrev[lang]+'</a></li>';
		btns += '<li><a class="pageNext" href=javascript:pageChange(\''+id+'\',1);>'+pageBtnNext[lang]+'</a></li>';
		
		
		$('genPage_'+id).innerHTML = btns;
	}
	else{
		$$('#'+id+' .genreWrapper')[0].setStyles({'height':contentHeidht*itemLength});
	}
	if(item[0].firstChild.nodeName=='SPAN'){
		$$('#'+id+' a')[0].appendText('(0)');
	}
	else{
		$$('#'+id+' a')[0].appendText('('+itemLength+')');
	}
}

function pageChange(id,num){

	var slideEff = new Fx.Styles('genContainer_'+id, {duration: 500, transition: Fx.Transitions.Cubic.easeOut});
	slideEff.start({'top': -1*num*contentHeidht*viewContents});
	
	var aLength = $$('#genPage_'+id+' .pageNum').length;
	for(var i=0; i<aLength; i++){
		if(num==i)
		$$('#genPage_'+id+' .pageNum')[i].setStyles({'text-decoration':'underline','font-weight':'bold'});
		else
		$$('#genPage_'+id+' .pageNum')[i].setStyles({'text-decoration':'none','font-weight':'normal'});
	}
	
	if(num==aLength-1){
		$$('#genPage_'+id+' .pageNext')[0].setStyles({'display':'none'});
	}else{
		$$('#genPage_'+id+' .pageNext')[0].setStyles({'display':'inline'});
		$$('#genPage_'+id+' .pageNext')[0].setProperty('href', 'javascript:pageChange(\''+id+'\','+(num+1)+');')
	}
	
	if(num==0){
		$$('#genPage_'+id+' .pagePrev')[0].setStyles({'display':'none'});
	}else{
		$$('#genPage_'+id+' .pagePrev')[0].setStyles({'display':'inline'});
		$$('#genPage_'+id+' .pagePrev')[0].setProperty('href', 'javascript:pageChange(\''+id+'\','+(num-1)+');')
	}

}


function trimThumb(id){
	var imgs = $$('#genContainer_'+id+' img');
	var as = $$('#genContainer_'+id+' a');
	var resultElement
	for(var i=0;i<imgs.length;i++){
		path = imgs[i].src
		if(path != undefined && path !=''){
			arg =  path.split("?");
			path = arg[0];
			var param = new Array();
			if(arg.length==4) {
				for(var j =1; j<arg.length; j++){
					if(arg[j].split('=').length >0) param[arg[j].split('=')[0]] = arg[j].split('=')[1];
				}
				if(param['w'] != undefined && param['h'] != undefined && param['p'] != undefined){
					orgWidth = param['w'];
					orgHeight = param['h'];
					trimBasePointKey = param['p'];
					resultElement =yc_getImgThumb(path,'',60,orgWidth,orgHeight,trimBasePointKey);
					imgs[i].replaceWith(resultElement);
				}
			}
		}
	}
}

function yc_getImgThumb(path,noimgPath,trimSize,width,height,position){
	// path[string] is URL ex. 'http://www.aaa.bbb/images/hoge.jpg' (allow jpg,jpeg,gif,giff)
	// width[int] is width of original image
	// height[int] is width of original image
	// position[string] is trimed image's position, ex 'left', 'right', 'top','bottom'
	var resultHtml = '';
	var style='';
	var size='';
	var top =0;
	var left = 0;
	var containerStyle ='style="text-align:center;"';
	if(path != undefined && path !=''){
		var imgHtml ='';
		//拡張子チェック
		ext = path.split('/');
		ext = ext[ext.length-1].split('.')[1];
		
		//position指定
		var size = 'height="'+trimSize+'"';
		var style ='';
		if(width && height){
			//tateichi
			if(width<height){
				size = 'width="'+trimSize+'"';
			}
		}
		if(position){
			switch (position){
				case 'lt': case 'LT': case 'lT': case 'Lt':
					style= '';
					containerStyle = 'style="text-align:left;"'; 
					break;
				case 'lm': case 'LM': case 'lM': case 'Lm':
					if(width>height) left = 0;
					if(width<height) top = -((height/width)-1)*trimSize/2;
					style= 'style="margin-left:'+ left +'px; margin-top:'+ top +'px;"';
					containerStyle = 'style="text-align:left;"';
					break;
				case 'lb': case 'LB': case 'Lb': case 'lB':	
					if(width>height) left = 0;
					if(width<height) top = -((height/width)-1)*trimSize;
					style= 'style="margin-left:'+ left +'px; margin-top:'+ top +'px;"';
					containerStyle = 'style="text-align:left;"';
					break;
					
				case 'rt': case 'RT': case 'rT': case 'Rt':
					if(width>height) left = -((width/height)-1)*trimSize;
					if(width<height) top = 0;
					style= 'style="margin-left:'+ left +'px; margin-top:'+ top +'px;"';
					containerStyle = 'style="text-align:left;"'; 
					break;
				case 'rm': case 'RM': case 'rM': case 'Rm':
					if(width>height) left = -((width/height)-1)*trimSize;
					if(width<height) top = -((height/width)-1)*trimSize/2;
					style= 'style="margin-left:'+ left +'px; margin-top:'+ top +'px;"';
					containerStyle = 'style="text-align:left;"';
					break;
				case 'rb': case 'RB': case 'rB': case 'Rb':
					if(width>height) left = -((width/height)-1)*trimSize;
					if(width<height) top = -((height/width)-1)*trimSize;
					style= 'style="margin-left:'+ left +'px; margin-top:'+ top +'px;"';
					containerStyle = 'style="text-align:left;"';
					break;
					
				case 'ct': case 'CT': case 'cT': case 'Ct':
					if(width>height) left =-((width/height)-1)*trimSize/2;
					if(width<height) top = 0;
					style= 'style="margin-left:'+ left +'px; margin-top:'+ top +'px;"';
					containerStyle = 'style="text-align:left;"'; 
					break;
				case 'cm': case 'CM': case 'cM': case 'Cm':
					if(width>height) left = -((width/height)-1)*trimSize/2;
					if(width<height) top = -((height/width)-1)*trimSize/2;
					style= 'style="margin-left:'+ left +'px; margin-top:'+ top +'px;"';
					containerStyle = 'style="text-align:left;"';
					break;
				case 'cb': case 'CB': case 'cB': case 'Cb':
					if(width>height) left =-((width/height)-1)*trimSize/2;
					if(width<height) top = -((height/width)-1)*trimSize;
					style= 'style="margin-left:'+ left +'px; margin-top:'+ top +'px;"';
					containerStyle = 'style="text-align:left;"';
					break;
			}
		}
		if(ext=='jpg' || ext=='gif' || ext=='png' || ext=='jpeg' || ext=='giff'){
			imgHtml = '<img src="'+path+'" '+size+' '+style+' />';
		}
		resultHtml = '<div class="thumbClip "'+containerStyle+'>' + imgHtml +'</div>';
		//alert(resultHtml);
		var resultElement = new Element('div', {
    	'class': 'thumbClip'
		});
		
		resultElement.setHTML(imgHtml);
		
		
		return resultElement;
	}
	else{
		resultHtml = '<div class="thumbClip"><img src="'+noimgPath+'" width="'+trimSize+'"></div>';
		
		var resultElement = new Element('a', {
  	 	 'styles': {
         'display': 'block',
         'border': '1px solid black'
    	},
    	'class': 'myClassSuperClass',
    	'href': 'http://mad4milk.net'
		});
		
		resultElement.setHTML('hogehogena-');
		
		
		return resultElement;
	}		
}