/*---- detail-main ----*/
var detailviewer = null;
var deepviewer = null;
var ssviewer = null;


/*-- ここから --*//*
var urlOption = {
        word:       '',
        d_lang:     'ja',
        s_lang:     'ja',
        class_id:   '',
        title:      '',
        c_e:        '',
        region:     '',
        era:        '',
        cptype:     '1',
        owner:      '',
        pos:        '1',
        mode:       'simple',
        num:        '',
        century:    ''
};
function changeLang(selType, selLang) {
	var dlang_regex = /d_lang=../;
	var slang_regex = /s_lang=../;

	if (selLang == null)
		selLang = document.topLang.selectLang.value;

	newDLang = "d_lang=" + selLang;;
	newSLang = "s_lang=" + selLang;

	tmpUrl = document.location.search.replace(dlang_regex, newDLang);
	newUrl = tmpUrl.replace(slang_regex, newSLang);

	location.href = newUrl;
}
*/

/*-- ここまで --*/

var baseURL   = 'http://'+hostAddr();
var detailCommon = {
        contentsDir:            "/img/content/",
        jumpURL:                baseURL+"/detail.do?treasureId=",
        jumpPhotoURL:           baseURL+"/detail.do?treasureId=",
        slideshowJsonURL:       baseURL+"/slideshow.do",
        contentsTreeRequestURL: baseURL+"/contentTree.do",
        captionRequestURL:      baseURL+"/caption.do",
        mode:                   'all'
};
/*
var slideShowOption = {
        container:              'SScontainer',
        contents:               '',
        mode:                   'simple',
        currentSeq:             1,
        currentId:              ''
};
*/

function hostAddr() {
	var addr=location.href;
	addr=addr.split('//');
	var    addrRet=addr[1].substr(0,addr[1].indexOf('/'));

	//---- for TEST
	addrRet+='/shosoinPublic'


	return addrRet;
}
/*
function initSlideShow() {
	ssviewer = new Slideshow.Viewer(slideShowOption);
	ssviewer.open();
}
*/
//window.onload = function() {
//        detailviewer = new Contentsview.Viewer(urlOption.base_id, urlOption.part_id, urlOption.pict_id, urlOption.d_lang);
//        detailviewer.open();
        /*
    	var cpFrameHeight = $('#captionFrame').height();
    	var summaryHeight = $('#summary').height();
    	var sepHeight = $('#captionSeparator').height();


    	var captionHeight = cpFrameHeight - summaryHeight - sepHeight - 90;
    	$('#caption').css({height:captionHeight+"px"});
*/
//}


/* ここから */
$(function(){
	$(".blink, #header a").hover(function(){
	$(this).css("opacity", "0.33");
	$(this).css("filter", "alpha(opacity=20)");
	$(this).fadeTo("slow", 1.0);
	});
});
/*---- detail-main ----*/




if (!window.Contentsview) {
	window.Contentsview={};
}

Contentsview.Config = {
	contentsTreeRequestURL:		detailCommon.contentsTreeRequestURL,
	captionRequestURL:     		detailCommon.captionRequestURL,
	contentsURL:           		detailCommon.contentsDir,
	noImageURL:            		"/common/img/_no_image.jpeg",
	thumbnailBaseSize:     		47,//60,
	thumbnailUnitWidth:    		47,//70,
	thumbnailHeight:       		47,//70,
	thumbnailMargin:       		6,//3,
	pictVisibleNumber:     		10,
	mode:                       detailCommon.mode
}

Contentsview.Viewer = function(base_id, part_id, pict_id, lang_id) {
//alert("base_id="+base_id+", part_id="+part_id+", pict_id="+pict_id+", lang_id="+lang_id);

	Contentsview.Config.baseID = base_id;
	Contentsview.Config.partID = '';
	Contentsview.Config.pictID = '';
/*
	Contentsview.Config.baseID = base_id + "000" + "000";
	Contentsview.Config.partID = '';
	Contentsview.Config.pictID = '';
	if (part_id != '' && part_id != '000')
		Contentsview.Config.partID = base_id + part_id + "000";
	if (pict_id != '' && pict_id != '000')
		Contentsview.Config.pictID = base_id + part_id + pict_id;
*/
	Contentsview.Config.langID = lang_id;
	if (lang_id =='')
		Contentsview.Config.langID = 'ja';
	Contentsview.Config.currentPart = Contentsview.Config.partID;
	Contentsview.Config.currentPict = Contentsview.Config.pictID;
	Contentsview.Config.selectPict = '';
	Contentsview.Config.currentSeq = '';
	Contentsview.Config.defaultPart = '';
	Contentsview.Config.defaultPict = '';
	Contentsview.Config.defaultSeq = '';
	Contentsview.thumbnailTop = 0;
	this.open = function() {
		initialize();
	}
	function initialize() {
		var config = Contentsview.Config;
		var containerID = Contentsview.Config.container;
		var container = '#'+containerID
		var util = new Contentsview.Utils();

		 util.addDiv($('#part-thumbWrapper'), "partList-frame", "", "overflow-y:auto;overflow-x:hidden;width:auto;height:0;top:0;left:0;position:relative;display:none;z-index:90;");
		 util.addDiv($('#pict-thumbWrapper'), "pictList-frame", "", "float:left;overflow:hidden;width:auto; height:0px;top:0px;left:0;position:relative;display:none;z-index:90;");
		 util.addDiv($('#pictList-frame'), "pictList-slider", "", "overflow:hidden;width:auto;height:0;top:0;left:0;position:relative;display:none;z-index:80;");

		$('#slidePrev').click(function(){
			var unitDist = (parseInt(config.thumbnailUnitWidth)+parseInt(config.thumbnailMargin)*2)*2;
			var sliderPos = parseInt($('#pictList-slider').css("left"));
			if (parseInt($('#pictList-slider').css("left")) < 0) {
				var dist = unitDist;
				if (Math.abs(sliderPos) < unitDist)
					dist = Math.abs(sliderPos);
				$('#pictList-slider').animate({left:'+='+dist+'px'}, 100);
			}
		});
		$('#slideNext').click(function(){
			var unitDist = (parseInt(config.thumbnailUnitWidth)+parseInt(config.thumbnailMargin)*2)*2;
			var sliderLen = parseInt($('#pictList-slider').width());
			var sliderPos = parseInt($('#pictList-slider').css("left"));
			var frameLen = parseInt($('#pictList-frame').width());
			var dist = 0;
			if (sliderLen > frameLen) {
				if (sliderPos > frameLen-sliderLen) {
					var dist = unitDist;
					if (Math.abs(sliderLen-frameLen) < unitDist)
						dist = Math.abs((sliderLen-frameLen)-(Math.abs(sliderPos)));
					$('#pictList-slider').animate({left:'-='+dist+'px'}, 100);
				}
			}
		});

		_cv_controller = new Contentsview.Controller();
		_cv_controller.start();
	}
}
Contentsview.Controller = function() {

	this.start = function() {
		var config = Contentsview.Config;
		loadContentsTree();
		//deepviewerInit();
		this.render();
	}
	this.render = function() {
		renderPartList();
		this.changePart();
	}
	this.changePart = function() {
		renderPictList();
	}
	this.changePict = function() {
		deepviewerCall();
	}
	this.nextPart = function() {
		var config = Contentsview.Config;
		var partSeq = config.currentSeq;
		var partID = config.currentPart;
		if (partSeq == '') {
			partSeq = config.defaultSeq;
			partID = config.defaultPart;
		}
		if (partSeq >= config.contentsTree.partIDs.length) {
			return;
		}
		partSeq++;
		config.currentSeq = partSeq;
		config.currentPart = config.contentsTree.partIDs[config.currentSeq-1].img;
		location.href = makeURL(config.contentsTree.partIDs[config.currentSeq-1].id,
				config.contentsTree.partIDs[config.currentSeq-1].order);
	}
	this.prevPart = function() {
		var config = Contentsview.Config;
		var partSeq = config.currentSeq;
		var partID = config.currentPart;
		if (partSeq == '') {
			partSeq = config.defaultSeq;
			partID = config.defaultPart;
		}
		if (partSeq <= 1) {
			return;
		}
		partSeq--;
		config.currentSeq = partSeq;
		config.currentPart = config.contentsTree.partIDs[config.currentSeq-1].img;
		location.href = makeURL(config.contentsTree.partIDs[config.currentSeq-1].id,
				config.contentsTree.partIDs[config.currentSeq-1].order);
	}
//---- delete	function deepviewerInit() {
//---- delete		deepviewer = new Deepviewer.Viewer("deepViewContainer");
//---- delete	}
	function deepviewerCall() {
		var config = Contentsview.Config;
		var id = '';
		if (contentsType() == '1') {
			if (config.currentPict != '') {
				id = config.currentPict;
			} else {
				id = config.defaultPict;
			}
		} else {
			if (config.currentPart != '') {
				id = config.currentPart;
			} else {
				id = config.defaultPart;
			}
		}

		slideShowOption.contents = id;
//---- delete		deepviewer.close();
//---- delete		deepviewer.open(id, urlOption.x, urlOption.y, urlOption.s);

	}
	function contentsType() {
		var config = Contentsview.Config;
		var id = '';
		if (config.currentPart != '') {
			id = config.currentPart;
		} else {
			id = config.defaultPart;
		}
		if (id == '')
			return '1';
		return config.contentsTree.partIDs[id].type;
	}
	function loadContentsTree() {
		var config = Contentsview.Config;
		var util = new Contentsview.Utils();
		$.ajaxSetup({async:false, cache: false});
//alert("config.contentsTreeRequestURL: "+config.contentsTreeRequestURL+",\nconfig.baseID: "+config.baseID+",\nconfig.langID: "+config.langID);

//---- for Test
//		$.getJSON("js/json001.js",
		$.getJSON(config.contentsTreeRequestURL,
			{contentsID: config.baseID, lang: config.langID},
			function (contentsTree) {
				config.contentsTree = contentsTree;
				asort(config.contentsTree.partIDs, 'seq');
				for (var i=0; i < config.contentsTree.partIDs.length; i++) {
					config.contentsTree.partIDs[config.contentsTree.partIDs[i].img] = config.contentsTree.partIDs[i];
					config.contentsTree.partIDs[i].seq = i+1;
//なんか並び変え処理してるぽいけど必要ないんじゃない？というかこのせいで順番が狂ってる気がする by hira 2011/07/07
//					asort(config.contentsTree.partIDs[i].pictIDs, 'seq');
					for (var j=0; j < config.contentsTree.partIDs[i].pictIDs.length; j++) {
						config.contentsTree.partIDs[i].pictIDs[j].seq = j+1;
						config.contentsTree.partIDs[i].pictIDs[config.contentsTree.partIDs[i].pictIDs[j].img] = config.contentsTree.partIDs[i].pictIDs[j];
					}
				}

				config.defaultPart = config.contentsTree.partIDs[0].img;
				config.defaultSeq = config.contentsTree.partIDs[0].seq;
/*
				config.defaultPart = config.contentsTree.partID;
				config.defaultSeq = config.contentsTree.partIDs[config.defaultPart].seq;
				if (config.currentPart != '') {
					config.currentSeq = config.contentsTree.partIDs[config.currentPart].seq;
					config.defaultPict = config.contentsTree.partIDs[config.currentPart].pictID;
				} else {
					config.defaultPict = config.contentsTree.partIDs[config.contentsTree.partID].pictID;
				}
*/
			});
			if (config.contentsTree == undefined || config.contentsTree.length == 0) {
				return;
			}

	}

	function renderPictList() {
		var config = Contentsview.Config;
		var util = new Contentsview.Utils();

		var part_id = config.contentsTree.partIDs[0].img;
		/*
		var part_id = '';
		if (config.currentPart != '') {
			part_id = config.currentPart;
		} else {
			part_id = config.contentsTree.partID;
		}
		*/
		//if (contentsType() != '1' || config.contentsTree.partIDs[part_id].pictIDs.length < 1) {
		if (config.contentsTree.partIDs[part_id].pictIDs.length < 1) {
			$('#pictList').css("visibility", "hidden");
			$('#partList').css("top", -parseInt($('#pictList').height()));
		} else {
			if ($('#pictList').css("visibility") == "hidden") {
				$('#partList').css("top", 0);
				$('#pictList').css("visibility", "visible");
			}
		}

		$('img[id^="pictThumbImg-"]').remove();
		$('div[id^="pictThumbFit-"]').remove();
		$('div[id^="pictThumb-"]').empty();
		$('div[id^="pictThumb-"]').remove();

		$('#pictList-frame').height($('#pict-thumbWrapper').height());
		$('#pictList-frame').width($('#pict-thumbWrapper').width()-(20*2)-16); //-16
		$('#pictList-frame').css("top", 0);
		$('#pictList-frame').css("left", 0);
		$('#pictList-frame').css("display", "block");
		$('#pictList-frame').css("margin-top", "10px"); //add
		$('#pictList-frame').css("margin-left", "8px"); //add
		$('#pictList-frame').addClass("blink");//add
		$('#pictList-slider').height($('#pictList-frame').height());
		$('#pictList-slider').width($('#pictList-frame').width());
		$('#pictList-slider').css("top", 0);
		$('#pictList-slider').css("left", 0);
		$('#pictList-slider').css("display", "block");

		for (var i=0; i < config.contentsTree.partIDs[part_id].pictIDs.length; i++) {
			var pictID = config.contentsTree.partIDs[part_id].pictIDs[i].img;
			var tID  = config.contentsTree.partIDs[part_id].pictIDs[i].id;
			var order = config.contentsTree.partIDs[part_id].pictIDs[i].order;
			var imgWidth = parseInt(config.contentsTree.partIDs[part_id].pictIDs[i].x);
			var imgHeight = parseInt(config.contentsTree.partIDs[part_id].pictIDs[i].y);
			var size = fitSize(imgWidth, imgHeight, config.thumbnailBaseSize);
//			var path = config.contentsURL + config.contentsTree.partIDs[part_id].pictIDs[i].img + "/thumbnail.jpeg";
			var pictTitle = config.contentsTree.partIDs[part_id].pictIDs[i].title;
//---- for Test
			var path = baseURL + config.contentsURL + pictID + "/thumbnail_small.jpeg";
			util.addDiv($('#pictList-slider'), 'pictThumb-'+pictID, "", "top:0;left:0;overflow:hidden;position:absolute;z-index:90;");
			util.addDiv($('#pictThumb-'+pictID), 'pictThumbFit-'+pictID, "", "overflow: hidden; width:auto; height:0px;top:0;left:0;position:absolute;display:none;z-index:90;");
			$('#pictThumb-'+pictID).css("left", i*(config.thumbnailUnitWidth+config.thumbnailMargin));
			$('#pictThumb-'+pictID).width(config.thumbnailUnitWidth);
			$('#pictThumb-'+pictID).height(config.thumbnailHeight);
			$('#pictThumb-'+pictID).css("display", "block");
			if (isSelectPict($('#pictThumb-'+pictID).attr("id")) == true) {
				//$('#pictThumb-'+pictID).css("background-color", "#b3b3b3");
				$('#pictThumb-'+pictID).css("border", "1px solid #666");
				config.selectPict = pictID;
			}
			$('#pictThumb-'+pictID).click(function(){
				var str_id = $(this).attr("id").split('-');
				//location.href = makeURL(str_id[1], order);
//alert(config.contentsTree.partIDs[0].pictIDs[str_id[1]].order);
				location.href = makeURL(tID, config.contentsTree.partIDs[0].pictIDs[str_id[1]].order);
			});
//---- delete			$('#pictThumb-'+pictID).mouseover(function(){
//---- delete				$(this).css("background-color", "#ffffff");
//---- delete			});
//---- delete			$('#pictThumb-'+pictID).mouseout(function(){
//---- delete				if (isSelectPict($(this).attr("id")) == true) {
//---- delete					//$(this).css("background-color", "#b3b3b3");
//---- delete				} else {
//---- delete					//$(this).css("background-color", "#f2f2f2");
//---- delete				}
//---- delete			});
			$('#pictThumb-'+pictID).hover(function(){ //----
				$(this).css("opacity", "0.33");
				$(this).css("filter", "alpha(opacity=20)");
				$(this).fadeTo("slow", 1.0);
			});
			$('#pictThumb-'+pictID).attr({title:pictTitle});
			$('#pictThumbFit-'+pictID).height(size.h);
			$('#pictThumbFit-'+pictID).width(size.w);
			$('#pictThumbFit-'+pictID).css("display", "block");
			if (config.contentsTree.partIDs[part_id].pictIDs[i].img == undefined || config.contentsTree.partIDs[part_id].pictIDs[i].img == null || config.contentsTree.partIDs[part_id].pictIDs[i].img == '') {
				path = config.noImageURL;
			}
				util.addImg($('#pictThumbFit-'+pictID), 'pictThumbImg-'+pictID, path, "", "");
			$('#pictThumbImg-'+pictID).css("height", size.h);
			$('#pictThumbImg-'+pictID).css("width", size.w);
			$('#pictThumbImg-'+pictID).attr({title:pictTitle});
			$('#pictThumbFit-'+pictID).divcentering();
		}
		$('#pictList-slider').width((parseInt(config.thumbnailUnitWidth)+parseInt(config.thumbnailMargin))*i);

		deepviewerCall();
//---- for TEST		toLeft(config.selectPict);

	}
	function toLeft(pict_id) {
		var sliderLen = parseInt($('#pictList-slider').width());
		var frameLen = parseInt($('#pictList-frame').width());
		var headLen = parseInt($('#pictThumb-'+pict_id).css("left"));
		var tailLen = parseInt($('#pictList-slider').width()) - headLen;
		var dist = 0;
		if (sliderLen > frameLen) {
			if (tailLen < frameLen) {
				dist = headLen - (frameLen-tailLen);
			} else {
				dist = headLen;
			}
			$('#pictList-slider').css("left", parseInt($('#pictList-slider').css("left")) - dist);
		}
	}
	function toCenter(pict_id) {
		var config = Contentsview.Config;
		var dist = parseInt($('#pictThumb-'+pict_id).css("left")) + parseInt($('#pictList-slider').css("left")) - (parseInt($('#pictList-frame').width())/2) + parseInt(config.thumbnailUnitWidth)/2;
		$('#pictList-slider').animate({left:'-='+dist+'px'}, 500);
	}
	function fitSize(x, y, base) {
		if (x == 0 || y == 0)
			return {w:base,h:base};
		var l=x;
		if (y>x) l=y;
		var ratio = base/l;
		return {w:parseInt(ratio*x),h:parseInt(ratio*y)};
	}
	function isSelectPict(divid) {
		return true;
/*
		var config = Contentsview.Config;
		var str_id = divid.split('-');

		if (config.currentPict == str_id[1] || (config.currentPict == '' && str_id[1] == config.defaultPict)) {
			return true;
		 } else {
			return false;
		}
*/
	}
	function selectPictOff(id) {
		var config = Contentsview.Config;

		if (id != '') {
			//$('#pictThumb-'+id).css("background-color", "#f2f2f2");
		}
	}
	function isSelectPart(divid) {
		return true;
/*
		var config = Contentsview.Config;
		var str_id = divid.split('-');

		if (config.currentSeq == str_id[1] || (config.currentSeq == '' && str_id[1] == config.defaultSeq)) {
			return true;
		 } else {
			return false;
		}
*/
	}
	function selectPartOff(id) {
		var config = Contentsview.Config;

		if (id != '') {
			//$('#partThumb-'+id).css("background-color", "#f2f2f2");
			$('#partThumb-'+id).css("border", "1px solid #f00");
		}
	}
	function selectPartOn(id) {
		var config = Contentsview.Config;

		if (id != '') {
			//$('#partThumb-'+id).css("background-color", "#b3b3b3");
			$('#partThumb-'+id).css("boder", "3px solid #0f0");
		}
	}
        function makeURL(id, order) {
			var url = detailCommon.jumpPhotoURL;
			var ret = '';
			ret = url + id.substr(0,12) + '&order=' + order + '&mode=' + urlOption.mode;
/*
			if (id.substr(9,3) == "000") {
				ret = url+id.substr(0,6)+'/'+id.substr(6,3);
			} else {
				ret = url+id.substr(0,6)+'/'+id.substr(6,3)+'/'+id.substr(9,3);
			}
*/
		//ret += '&word='+urlOption.word+'&d_lang='+urlOption.d_lang+'&s_lang='+urlOption.s_lang+'&class='+urlOption.class_id+'&title='+urlOption.title+'&c_e='+urlOption.c_e+'&region='+urlOption.region+'&era='+urlOption.era+'&cptype='+urlOption.cptype+'&owner='+urlOption.owner+'&pos='+urlOption.pos+'&num='+urlOption.num+'&mode='+urlOption.mode+'&century='+urlOption.century;
		return ret;
        }
	function renderPartList() {
		var config = Contentsview.Config;
		var util = new Contentsview.Utils();
		if (config.contentsTree.partIDs.length < 1) {
			$('#partList').css("visibility", "hidden");
		} else {
			if ($('#partList').css("visibility") == "hidden") {
				$('#partList').css("visibility", "visible");
			}
		}
		$('#partList-frame').height(parseInt($('#part-thumbWrapper').height()));
		$('#partList-frame').width(parseInt($('#part-thumbWrapper').width()));
		$('#partList-frame').css("top", 0);
		$('#partList-frame').css("left", 0);
		$('#partList-frame').css("display", "block");

		config.thumbnailTop = 0;
		for (var i=0; i < config.contentsTree.partIDs.length; i++) {
			renderPart(config.contentsTree.partIDs[i]);
		}

	}
	function renderPart(partIDs) {
		var config = Contentsview.Config;
		var util = new Contentsview.Utils();
		var pictID = "";
		var imgWidth = 80;
		var imgHeight = 80;
		var path = "";
		if (partIDs.pictID != undefined) {
			pictID = partIDs.pictIDs[partIDs.pictID].img;
			imgWidth = parseInt(partIDs.pictIDs[pictID].x);
			imgHeight = parseInt(partIDs.pictIDs[pictID].y);
//			path = config.contentsURL + partIDs.pictIDs[pictID].img + "/thumbnail.jpeg";
path = baseURL + config.contentsURL + partIDs.pictIDs[pictID].img + "/thumbnail_small.jpeg";
//alert("Debug(config.contentsURL): "+config.contentsURL);
		}
		var size = fitSize(imgWidth, imgHeight, config.thumbnailBaseSize);
		util.addDiv($('#partList-frame'), 'partThumb-'+partIDs.seq, "", "margin:0 0 5px; overflow: visible; width:auto; height:0px; top:0px; left:0px; position: absolute; display:none; z-index: 90;");
		util.addDiv($('#partThumb-'+partIDs.seq), 'partThumbImg-'+partIDs.seq, "", "overflow: hidden; width:auto; height:0px; top:0px; left:0px; position: absolute; display:none; z-index: 90;");
		util.addDiv($('#partThumbImg-'+partIDs.seq), 'partThumbImgFit-'+partIDs.seq, "", "overflow: hidden; width:auto; height:0px; top:0px; left:0px; position: absolute; display:none; z-index: 99;");
		if (partIDs.pictID == undefined || partIDs.pictIDs[pictID].img == undefined || partIDs.pictIDs[pictID].img == null || partIDs.pictIDs[pictID].img == '') {
			path = config.noImageURL;
		}
		util.addImg($('#partThumbImgFit-'+partIDs.seq), 'partThumbImgBody-'+partIDs.seq, path, "", "");
		util.addDiv($('#partThumb-'+partIDs.seq), 'partThumbText-'+partIDs.seq, "", "overflow: visible; width:auto; height:auto; top:0px; left:0px; position: absolute; display:none; z-index: 90;");
		util.addDiv($('#partThumbText-'+partIDs.seq), 'partThumbTextBody-'+partIDs.seq, "", "color:#666666; top:0px; left:0px; position: absolute; z-index: 90;");
		var unitHeight = parseInt($('#partList-frame').height())/(config.pictVisibleNumber/2);
		var unitWidth = parseInt($('#partList-frame').width())/2-20;
		var unitLeft = ((partIDs.seq-1)%2) * unitWidth;
		var imgUnitWidth = config.thumbnailUnitWidth;
                $('#partThumb-'+partIDs.seq).height(unitHeight);
                $('#partThumb-'+partIDs.seq).width(unitWidth);
                $('#partThumb-'+partIDs.seq).css("top", config.thumbnailTop);
                $('#partThumb-'+partIDs.seq).css("left", unitLeft+10);
                $('#partThumb-'+partIDs.seq).css("display", "block");
		if (isSelectPart($('#partThumb-'+partIDs.seq).attr("id")) == true) {
			//$('#partThumb-'+partIDs.seq).css("background-color", "#b3b3b3");
			$('#partThumb-'+partIDs.seq).css("border", "3px solid #00f");
		}
		$('#partThumb-'+partIDs.seq).click(function(){
			location.href = makeURL(partIDs.id, partIDs.order);
		});
		$('#partThumb-'+partIDs.seq).mouseover(function(){
			$(this).css("background-color", "#ffffff");
		});
		$('#partThumb-'+partIDs.seq).mouseout(function(){
			if (isSelectPart($(this).attr("id")) == true) {
				//$(this).css("background-color", "#b3b3b3");
			} else {
				//$(this).css("background-color", "#f2f2f2");
			}
		});
                $('#partThumbImg-'+partIDs.seq).height(unitHeight);
                $('#partThumbImg-'+partIDs.seq).width(imgUnitWidth);
                $('#partThumbImg-'+partIDs.seq).css("display", "block");
                $('#partThumbImgFit-'+partIDs.seq).height(size.h);
                $('#partThumbImgFit-'+partIDs.seq).width(size.w);
                $('#partThumbImgFit-'+partIDs.seq).css("display", "block");
                $('#partThumbImgBody-'+partIDs.seq).css("height", size.h);
                $('#partThumbImgBody-'+partIDs.seq).css("width", size.w);
                $('#partThumbImgFit-'+partIDs.seq).divcentering();
                $('#partThumbText-'+partIDs.seq).height(unitHeight);
                $('#partThumbText-'+partIDs.seq).width(unitWidth-imgUnitWidth);
                $('#partThumbText-'+partIDs.seq).css("left", imgUnitWidth);
                $('#partThumbText-'+partIDs.seq).attr("class", "style17");
                $('#partThumbText-'+partIDs.seq).divVcentering();
                $('#partThumbText-'+partIDs.seq).css("display", "block");
                $('#partThumbTextBody-'+partIDs.seq).width(unitWidth-imgUnitWidth);
		if (partIDs.title == null) partIDs.title = '';
		if (partIDs.creator == null) partIDs.creator = '';
		if (partIDs.amount == null) partIDs.amount = '';
		$('#partThumbTextBody-'+partIDs.seq).html(partIDs.title + '<br />' + partIDs.creator + '<br />' + partIDs.amount);
                $('#partThumbTextBody-'+partIDs.seq).css("display", "block");
                $('#partThumbTextBody-'+partIDs.seq).css("overflow", "visible");
                $('#partThumbTextBody-'+partIDs.seq).divVcentering();
		if ($('#partThumbTextBody-'+partIDs.seq).height() > unitHeight) {
			unitHeight = $('#partThumbTextBody-'+partIDs.seq).height();
			$('#partThumb-'+partIDs.seq).height(unitHeight);
			$('#partThumbImg-'+partIDs.seq).divVcentering();
			$('#partThumbText-'+partIDs.seq).height(unitHeight);
			$('#partThumbText-'+partIDs.seq).divVcentering();
			$('#partThumbTextBody-'+partIDs.seq).divVcentering();
		}
		if (partIDs.seq%2 == 0) {
			if ($('#partThumb-'+(partIDs.seq-1)).height() > $('#partThumb-'+partIDs.seq).height()) {
				unitHeight = $('#partThumb-'+(partIDs.seq-1)).height();
				$('#partThumb-'+partIDs.seq).height(unitHeight);
				$('#partThumbImg-'+partIDs.seq).divVcentering();
				$('#partThumbText-'+partIDs.seq).height(unitHeight);
				$('#partThumbText-'+partIDs.seq).divVcentering();
				$('#partThumbTextBody-'+partIDs.seq).divVcentering();
			} else if ($('#partThumb-'+(partIDs.seq-1)).height() < $('#partThumb-'+partIDs.seq).height()){
				unitHeight = $('#partThumb-'+partIDs.seq).height();
				$('#partThumb-'+(partIDs.seq-1)).height(unitHeight);
				$('#partThumbImg-'+(partIDs.seq-1)).divVcentering();
				$('#partThumbText-'+(partIDs.seq-1)).height(unitHeight);
				$('#partThumbText-'+(partIDs.seq-1)).divVcentering();
				$('#partThumbTextBody-'+(partIDs.seq-1)).divVcentering();
			}
			config.thumbnailTop += unitHeight;
		}
	}
        function asort(arr, key){
          arr.sort ( function (b1, b2) { return parseInt(b1[key]) > parseInt(b2[key]) ? 1 : -1; } );
        }

}

Contentsview.Utils = function(){

        this.addDiv = function(parentDiv,name,classStr,styleStr){

                var addDiv = $("<div/>").attr({
                        'id':name,
                        'style':styleStr
            });
                parentDiv.append(addDiv);

        }

        this.addImg = function(div, id, src,w,h){

                var img = $("<img/>").attr({
                   'id':id,
                   'src':src,
                   'galleryimg' :"no"
            });
                div.append(img);
        }
}

jQuery.extend(jQuery.fn, {
     divcentering: function() {
          var imgHeight = parseInt($(this).css("height"));
          if (isNaN(imgHeight))
                  imgHeight = parseInt($(this).height());
          var imgWidth = parseInt($(this).css("width"));
          if (isNaN(imgWidth))
                  imgWidth = parseInt($(this).width());
	  var slider = $(this).parent();
	  var containerHeight = slider.height();
	  var containerWidth = slider.width();

	  var top = (containerHeight / 2) - (imgHeight / 2);
	  var left = (containerWidth / 2) - (imgWidth / 2);
	  $(this).css("top", top);
	  $(this).css("left", left);
     },
     divVcentering: function() {
	  var imgHeight = parseInt($(this).css("height"));
          if (isNaN(imgHeight))
                  imgHeight = parseInt($(this).height());
	  var slider = $(this).parent();
	  var containerHeight = slider.height();

	  var top = (containerHeight / 2) - (imgHeight / 2);
	  $(this).css("top", top);
     }
});