var FrameSelector = Class.create();

FrameSelector.prototype = {

	detail   :'',
	frametype:'',
	mattype  :'',
	so       :null,

	initialize:function (params) {
		
		this.detail    = (params.detail) ? params.detail : this.detail;
		this.frametype = (params.frametype) ? params.frametype : this.frametype;
		this.mattype   = (params.mattype) ? params.mattype : this.mattype;
		
		this.so = new SWFObject("/swf/zoomifyViewer2.swf", "zoomifyViewer", "512", "512", "6", "#FFFFFF");
		this.so.addVariable("soldout", "n");
		this.so.addVariable("salesend", "n");
		this.so.addParam('wmode', 'transparent');
		this.so.addParam("menu", false);
		this.changeZoomifyData();
		
	},

	changeZoomifyData:function () {
		
		var datadir = this.detail + '_' + this.frametype + ((this.mattype != '')?'_'+this.mattype:'');
		this.so.addVariable("zoomifyImagePath", '/img/frame/zoomify/' + datadir + '/');
		this.so.write("block_zoomifyViewer");
		
	},

	changeFrame:function (sender, type) {
		
		this.frametype = type;
		$A($('frameColSelect').getElementsByTagName('A')).each(function (elem) {
			if (Element.hasClassName(elem, 'colSelected')) {
				Element.removeClassName(elem, 'colSelected');
			}
		});
		if (!Element.hasClassName(sender, 'colSelected')) {
			Element.addClassName(sender, 'colSelected');
		}
		this.changeZoomifyData();
		
	},

	changeMat:function (sender, type) {
		
		this.mattype = type;
		$A($('matColSelect').getElementsByTagName('A')).each(function (elem) {
			if (Element.hasClassName(elem, 'colSelected')) {
				Element.removeClassName(elem, 'colSelected');
			}
		});
		if (!Element.hasClassName(sender, 'colSelected')) {
			Element.addClassName(sender, 'colSelected');
		}
		this.changeZoomifyData();
		
	}

};