var conf={
	init:function(){
		this.path=servConf.path;	
		this.MSIE=(document.all && document.all.item  &&(!window.opera));
		this.canvasSVG=$('canvasSVG');
		this.canvasSVGText=$('canvasSVGText');
		this.canvas=$('canvas');
		this.oldTab=$('ctrl0');
		this.pathBg=this.path+'Fon2/';
		this.bgCont=$('bgCont');
		this.bg=$('bg');
		this.textList=$('textList');
		this.textForm={
			'str':$('str'),
			'color':$('color'),
			'font':$('fontFam'),
			'size':$('size')
		}
		this.faceFalse=$('noImage');
		this.faceTrue=$('changeImage');
		this.textFalse=$('noText');
		this.textTrue=$('changeText');
		this.indicator=$('indicator');
		this.formUpload=$('sendImage');
	},
	angle:1,
	angleText:1,
	k:0.01,
	correction:1,
	canvasW:500,
	canvasH:500,
	bkOpacity:0.5,
	SVGTextD:0.058
}
/*
	angle - шаг для поворота картинки
	angleText - шаг для поворота текста
	k:0.05 - коэффициент шага увеличения для картинки
	correction - шаг для коррекции яркости/контраста
	canvasW:500 - ширина видимой области
	canvasH:600 - высота видимой области
*/п»ї
window.onload=initCollage;
var svgNS = "http://www.w3.org/2000/svg";
var xlinkNS='http://www.w3.org/1999/xlink';
var collage;
var controlTab;

function backgr(parent){
	this.img=new Image();
	this.parent=parent;
	this.bgCont=conf.bgCont;
	this.bg=conf.bg;
}

backgr.prototype.changeTransp=function(transp){
//	alert(transp);
	if (transp)this.transp=transp==1?false:true;
	else{
		if (this.transp) this.transp=false; else this.transp=true;
	}
	if (this.transp){
		this.bgCont.className='transp';
	}else{
		this.bgCont.className='notTransp';
	}
}

backgr.prototype.loadImage=function(name){
	this.parent.indicateOn();
	this.transp=true;
	this.file=name;
	this.src=conf.pathBg+name;
	this.img.onload=this.changeImage;
	this.img.parent=this;
	this.img.src=this.src;
}
backgr.prototype.changeImage=function(e){
	thisObj=this.parent;
	thisObj.parent.indicateOff();
	thisObj.bg.style.backgroundImage='url('+thisObj.src+')';
	thisObj.bg.style.height=this.height+'px'
	thisObj.bg.style.width=this.width+'px'
	thisObj.bgCont.style.height=this.height+'px'
	thisObj.bgCont.style.width=this.width+'px'
	if(!conf.MSIE){
			conf.canvasSVG.setAttribute('height',this.height+'px');
			conf.canvasSVG.setAttribute('width',this.width+'px');

			conf.canvasSVGText.setAttribute('height',this.height+'px');
			conf.canvasSVGText.setAttribute('width',this.width+'px');
	}
	conf.canvas.style.height=this.height+'px';
	conf.canvas.style.width=this.width+'px';
	var x=this.width<conf.canvasW?Math.floor((conf.canvasW-this.width)/2):0;
	conf.canvas.style.marginLeft=x+'px';

	var y=this.height<conf.canvasH?Math.floor((conf.canvasH-this.height)/2):0;
	conf.canvas.style.marginTop=y+'px';
	if(conf.MSIE)
		thisObj.bg.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+thisObj.src+")";
}


function face(parent){
	this.img=new Image();
	this.parent=parent;
//	var faceSet=this.faceSet=parent.faceSet;
//	for (var key in faceSet) this[key]=faceSet[key];
	if(conf.MSIE){
		var pict=this.pict=document.createElement('v:image');
		this.pict.parent=this;
		pict.style.position='absolute';
		this.pict=conf.canvas.appendChild(pict);

	}else{
		var pict=this.pict=document.createElementNS(svgNS,'image');
		this.pict.parent=this;
		this.pict=conf.canvasSVG.appendChild(pict);
	}
}

var a;
face.prototype.init=function(imgName){
	this.angle=0;
	this.x=0;
	this.y=0;
	this.k=1;
	this.defH=this.h=0;
	this.defW=this.w=0;
	this.hd2=0;
	this.wd2=0;
	this.setSize();
	this.contrast=0;
	this.colorCor=0;
	this.brightness=0;
	this.file=imgName;
	this.first=true;
	this.loadImage();
}
face.prototype.setSize=function(){
	if(conf.MSIE){
		this.pict.style.height=this.h+'px';
		this.pict.style.width=this.w+'px';
	}else{
		this.pict.setAttribute('height',this.h+'px');
		this.pict.setAttribute('width',this.w+'px');
	}
}

face.prototype.loadImage=function(){
	this.parent.indicateOn();
	this.src=conf.path+'?call=image&name='+this.file+'&contrast='+this.contrast+'&colorCor='+this.colorCor+'&brightness='+this.brightness;
	this.img.onload=this.changeImage;
	this.img.parent=this;
	if(conf.MSIE){
		this.pict.src=this.src;
	}
	this.img.src=this.src;
	a=this.img;
}
face.prototype.changeImage=function(e){
	thisObj=this.parent;
	thisObj.parent.indicateOff();
	if(conf.MSIE){
//		thisObj.pict.style.display='none';
		thisObj.pict.src=thisObj.src;
	}else{
		thisObj.pict.setAttributeNS(xlinkNS, 'xlink:href', thisObj.src);
	}
	if(thisObj.first){
		thisObj.defH=thisObj.h=this.height;
		thisObj.defW=thisObj.w=this.width;
		thisObj.hd2=Math.floor(thisObj.h/2);
		thisObj.wd2=Math.floor(thisObj.w/2);
		thisObj.setSize();
		thisObj.setState();
		thisObj.first=false;
	}
}

face.prototype.setState=function(){
	if(conf.MSIE){
		this.pict.style.left=this.x;
		this.pict.style.top=this.y;
		this.pict.style.rotation=this.angle;
	}else{
//		this.pict.setAttribute('x',this.x);
//		this.pict.setAttribute('y',this.y);
//		this.pict.setAttribute("transform",'translate('+this.x+','+this.y+')');
		this.pict.setAttribute("transform",'translate('+this.x+','+this.y+') rotate('+this.angle+','+(this.wd2)+','+(this.hd2)+')');
	}

}
face.prototype.setZoom=function(){
	this.h=this.defH*this.k;
	this.w=this.defW*this.k;
	var hd2=this.hd2;
	var wd2=this.wd2;
	this.hd2=Math.floor(this.h/2);
	this.wd2=Math.floor(this.w/2);
	this.y-=this.hd2-hd2;
	this.x-=this.wd2-wd2;
	this.setSize();
	this.setState();
}

face.prototype.setColor=function(a){
	a>0?this.colorCor+=conf.correction:this.colorCor-=conf.correction;
	if (!conf.MSIE)
		this.loadImage();
	else ;
		
}
face.prototype.setBrightness=function(a){
	a>0?this.brightness+=conf.correction:this.brightness-=conf.correction;
	if (!conf.MSIE)
		this.loadImage();
	else{
		var lev=(this.brightness/255)*0.5;
		this.pict.blacklevel=lev;
		}
}
face.prototype.setContrast=function(a){
	a>0?this.contrast-=conf.correction:this.contrast+=conf.correction;
	if (!conf.MSIE)
		this.loadImage();
	else{
		var lev=(1-this.contrast/100);
		lev=lev*lev;
		this.pict.gain=lev;
		}
}
face.prototype.zoom=function(a){
	a>0?this.k+=conf.k:this.k-=conf.k;
	this.setZoom();
}
face.prototype.rotate=function(a){
	a>0?this.angle+=conf.angle:this.angle-=conf.angle;
	this.setState();
}
var d;
DaDstart=function(e){
	e=e?e:window.event;
//	alert(e.target.id)
//	if(e.target)
//		if (e.target==conf.canvas) return;
	document.documentElement.style.cursor='move';
	d=e;
	if(e.target)e.target.ownerDocument.defaultView.getSelection().removeAllRanges();
	var thisObj=this;
	this.oldX=this.x;
	this.oldY=this.y;
	this.startX=e.screenX;
	this.startY=e.screenY;
	if(this.dad)myRemoveEventListener(document,'mousemove',this.dad,false);
	myAddEventListener(document,'mousemove',this.dad=function(e){DaD.call(thisObj,e)},false);
//	$('a').innerHTML=this.startX;
	
	if(e.target)e.target.ownerDocument.defaultView.getSelection().removeAllRanges();
	document.ondragstart=function(){window.event.returnValue = false;}
	document.onselectstart=function(){window.event.returnValue = false;}

//	document.focus();
}
var b;
DaD=function(e){
	e=e?e:window.event;
	if(conf.MSIE) if(e.button!=1) {this.dadStop();return;}
	this.x=this.oldX+(e.screenX-this.startX);
	this.y=this.oldY+(e.screenY-this.startY);
	this.setState();

	if(e.target)e.target.ownerDocument.defaultView.getSelection().removeAllRanges();
}
DaDstop=function(){
	if (this.dad)myRemoveEventListener(document,'mousemove',this.dad,false);
	this.dad=null;
	document.ondragstart=null;
	document.onselectstart=null;
	document.documentElement.style.cursor='default';

}
function Collage(){
	var thisObj=this;
	this.textMan=new TextMan(this);
	this.face=new face(this);
	this.backgr=new backgr(this);
	this.bgImg=new Image();
	this.bgImg.onload=function(){thisObj.bgImgOnLoad()}
	this.form=conf.formUpload;
}
var __a;
Collage.prototype.createImage=function(){
	this.form.innerHTML='';
	var inp;
	var colAtributes={};
	if(this.face.file)
		colAtributes={
				'faceAngle':		this.face.angle,
				'faceX':			this.face.x,
				'faceY':			this.face.y,
				'faceK':			this.face.k,
				'faceContrast':		this.face.contrast,
				'faceBrightness':	this.face.brightness,
				'faceFile':			this.face.file};
	colAtributes.flag=1;
	if(this.backgr.file)colAtributes['bg']=this.backgr.file;
	var n=0;
	var curText;
	var textAttr=['x','y','str','color','size','font','angle'];
	for (var i in this.textMan.texts)
	{
		curText=this.textMan.texts[i];
		if (curText){
			for (var key in	textAttr)
				colAtributes['text'+n+'_'+textAttr[key]]=curText[textAttr[key]];
			n++;
		}
	}
	colAtributes['textN']=n;
	__a=colAtributes;
	for (var attr in colAtributes){
		inp=document.createElement('input');
		inp.type='hidden';
		inp.name=attr;
		//alert(colAtributes[attr]);
		inp.value=colAtributes[attr];
		this.form.appendChild(inp);
	}
	this.form.action='createImage.php?n='+servConf.hashN+'&t='+(new Date()-0);
	this.form.submit();
}
Collage.prototype.indicateOff=function(ctrl){
	conf.indicator.style.display='none';
}

Collage.prototype.indicateOn=function(ctrl){
	conf.indicator.style.display='block';
}

Collage.prototype.changeCtrl=function(ctrl){
	if(this.ctrl)this.removeDaD(this.ctrl);
	this.ctrl=ctrl;
	if(ctrl)this.setDaD(this.ctrl);
}

var c;
//myAddEventListener(document,'mousemove',function(e){e=e?e:window.event;b=e},false);
Collage.prototype.setDaD=function(obj){
	var thisObj=obj;
	c=obj;
	myAddEventListener(conf.canvas,'mousedown',thisObj.dadStart=function(e){
//			alert('');
			if (thisObj.DaDstart) thisObj.DaDstart();
			DaDstart.call(thisObj,e)},false);
	myAddEventListener(document,'mouseup',thisObj.dadStop=function(e){
			if (thisObj.DaDstop) thisObj.DaDstop();
			DaDstop.call(thisObj,e)},false);
}
Collage.prototype.removeDaD=function(obj){
//	alert('remove');
	if (obj.dadStart) myRemoveEventListener(conf.canvas,'mousedown',obj.dadStart,false);
	if (obj.dadStop) myRemoveEventListener(conf.canvas,'mouseup',obj.dadStop,false);
}

Collage.prototype.bgTransperency=function(transp){
	this.backgr.changeTransp(transp);
}

Collage.prototype.changeFace=function(name){
	this.face.init(name);
}
Collage.prototype.changeFon=function(newBg){
	this.backgr.loadImage(newBg);
}

function Text(parent,id){
	this.parent=parent;
	var text;
	this.x=Math.round(conf.canvasW/4);
	this.y=Math.round(conf.canvasH/4);
	this.str='Новый текст';
	this.color='#ff0000';
	this.size='40';
	this.font='Times New Roman';
	this.angle=0;

	if(conf.MSIE){
		shape=this.shape=document.createElement('v:shape');
			shape.style.position='absolute';
			shape.style.width='1px';
			shape.style.height='1px';
			shape.style.zIndex='10';
//			shape.stroked = "False";
			shape.path="m 0,0 l -10,0 x e";
			shape.style.antialias='true';
		var path=document.createElement('v:path')
			path.textpathok="true";
		this.shape.appendChild(path);
		var stroke=document.createElement('v:stroke')
			stroke.opacity=0;
		this.shape.appendChild(stroke);
		var textpath=this.textpath=document.createElement('v:textpath');
			textpath.style.textDecoration='none';
			textpath.style.setAttribute('v-text-align','left');
			textpath.fitshape = "false";
			textpath.on = "True";
		this.textpath=this.shape.appendChild(textpath);
			textpath.style.fontStyle='normal';
			textpath.style.fontWeight='normal';
		this.setState();
	}else{
		textEl=this.textEl=document.createElementNS(svgNS,'text');
		textEl.setAttribute('dominant-baseline',"middle");
		textEl.style.position='absolute';
		textEl.style.fontStyle='normal';
		textEl.style.fontWeight='normal';
	}
	this.setState();
	this.setColor();
	this.setSize();
	this.setFont();
	this.setText();
	if(conf.MSIE)	this.shape=conf.canvas.appendChild(this.shape);		
		else		this.textEl=conf.canvasSVGText.appendChild(this.textEl);
}

Text.prototype.setText=function(value){
	if(arguments[0]) this.str=arguments[0];
	if(conf.MSIE)	this.textpath.string = this.str;
		else this.textEl.textContent=this.str;
}

Text.prototype.setColor=function(value){
	if(arguments[0]) this.color=arguments[0];
	if(conf.MSIE)	this.shape.fillcolor=this.color;
		else 		this.textEl.setAttribute('fill',this.color);
}
Text.prototype.setSize=function(obj){
	if(arguments[0]) this.size=arguments[0];
	if(conf.MSIE)	this.textpath.style.fontSize=this.size+'px';
		else 		this.textEl.style.fontSize=this.size+'px';
}
Text.prototype.setFont=function(obj){
	if(arguments[0]) this.font=arguments[0];
	if(conf.MSIE)	this.textpath.style.fontFamily=this.font;
		else 		this.textEl.style.fontFamily=this.font;
}

Text.prototype.setState=function(){
	if(conf.MSIE){
		this.shape.style.left=this.x+'px';
		this.shape.style.top=this.y+'px';
		this.shape.style.rotation=this.angle;
	}else{
		var d=this.size*conf.SVGTextD;
		this.textEl.setAttribute("transform",'translate('+this.x+','+(this.y-d)+') rotate('+this.angle+',0,'+d+')');
	}
}
Text.prototype.setAngle=function(a){
	var da=a>0?conf.angleText:-conf.angleText;
	this.angle+=da;
	this.setState();
}
Text.prototype.DaDstart=function(){
	//alert('');
	if(conf.MSIE) this.shape.style.antialias='true';
}

Text.prototype.DaDstop=function(){
	if(conf.MSIE) this.shape.style.antialias='true';
}

Text.prototype.dispose=function(){
	if(conf.MSIE)
		conf.canvas.removeChild(this.shape);
	else
		conf.canvasSVGText.removeChild(this.textEl);
}

Text.prototype.setDaD=function(obj){
	var thisObj=obj;
	c=obj;
	myAddEventListener(conf.canvas,'mousedown',thisObj.dadStart=function(e){
			if (thisObj.DaDstart) thisObj.DaDstart();
			DaDstart.call(thisObj,e)},false);
	myAddEventListener(document,'mouseup',thisObj.dadStop=function(e){
			if (thisObj.DaDstop) thisObj.DaDstop();
			DaDstop.call(thisObj,e)},false);
}


function TextMan(parent){
	this.parent=parent;
	this.texts=[];
	this.list=[];
//	this.addText();
//	this.selText=0;
	this.cont=conf.textList;
	this.cur=0;
//	this.addText();
//	this.addText();
//	this.selectElem.call(this.list[0]);
}
var _a;

TextMan.prototype.checkEmpty=function(){
	var empty=true;
	for (var key in this.list)
		if (this.list[key]) {empty=false;break;}
	if (!empty){
		conf.textFalse.style.display='none';
		conf.textTrue.style.display='block';
		return false;
	}else{
		conf.textFalse.style.display='block';
		conf.textTrue.style.display='none';
		return true;
	}
}
TextMan.prototype.initForm=function(){
	var thisEl;
	for (var key in conf.textForm){
		thisEl=this.texts[this.cur];
		conf.textForm[key].value=thisEl[key];
		//alert(key+' '+thisEl[key]);
	}
}
TextMan.prototype.selectElem=function(id){
	var thisObj=this.parent;
	if(thisObj.list[thisObj.cur])this.parent.list[thisObj.cur].className='textElement notSelect';
	this.className='textElement select';
	thisObj.cur=this.id;
	thisObj.initForm();
	thisObj.parent.changeCtrl(thisObj.texts[thisObj.cur]);
}
TextMan.prototype.newElement=function(id){
	var elem=document.createElement('div');
	elem.className='textElement notSelect';
	elem.innerHTML='Текст №'+(id+1);
	elem.id=id;
	elem.parent=this;
	elem.onclick=this.selectElem;
	return elem;
}

TextMan.prototype.removeText=function(){
	if(!this.texts[this.cur]) return;
	this.texts[this.cur].dispose();
	this.texts[this.cur]=null;
	this.cont.removeChild(this.list[this.cur]);
	this.list[this.cur]=null;
	var cur=this.list[0];
	for (var i=this.cur;i>=0;i--) if(this.list[i]) {cur=this.list[i];break}
	if (cur==null)for (var i=this.cur;i<this.list.length;i++) if(this.list[i]) {cur=this.list[i];break}
	if (cur!=null)this.selectElem.call(cur);
	this.checkEmpty();
}

TextMan.prototype.addText=function(){
	this.texts[this.texts.length]=new Text(this.cont, this.texts.length);
	var tmp=this.list[this.list.length]=this.cont.appendChild(this.newElement(this.list.length));
	this.selectElem.call(tmp);
	this.checkEmpty();
}
var aa;
TextMan.prototype.set=function(action,obj){
	this.texts[this.cur]['set'+action](obj.value);
}
TextMan.prototype.nextSel=function(){
	aa=this;
	this.selText+=1;
	this.selText=(this.selText%this.texts.length);
	this.parent.changeCtrl(this.texts[this.selText]);
}
TextMan.prototype.getSelText=function(){
	return this.texts[this.cur];
}
function ControlTab(){
	this.oldTab=conf.oldTab;
	this.oldCat=null;
}
ControlTab.prototype.setCategory=function(cat){
	if (this.oldCat) this.oldCat.style.display='none';
	this.oldCat=$(cat);
	this.oldCat.style.display='block';
}
ControlTab.prototype.set=function(i){
	if((i!=3)&&(i!=4)) collage.changeCtrl(null);
	if(i==3) collage.changeCtrl(collage.face);
	if((i==2)||(i==3)) collage.bgTransperency(-1)
		else collage.bgTransperency(1);
	if(i==2) $('uploadFrame').src='uploadForm.php';

	if(i==3){
		if(collage.face.src){
//			alert('yes');
			conf.faceTrue.style.display='block';
			conf.faceFalse.style.display='none';
			collage.changeCtrl(collage.face);
		}else{
//			alert('no');
			conf.faceTrue.style.display='none';
			conf.faceFalse.style.display='block';
		}
	}
	if(i==4) 
		if (!collage.textMan.checkEmpty())	collage.changeCtrl(collage.textMan.getSelText());
	this.oldTab.style.display='none';
	this.oldTab=$('ctrl'+i);
	this.oldTab.style.display='block';
}

function $(a){
	return document.getElementById(a);
}

function myAddEventListener(element,eventName,func,bubble){
	//alert(element.id+'\n'+eventName+'\n'+func+'\n'+bubble);
	if (element.attachEvent) 
		element.attachEvent('on'+eventName,func);
	else 
	if (element.addEventListener)
		element.addEventListener(eventName,func,bubble);
}

function myRemoveEventListener(element,eventName,func,bubble){		
	if (element.detachEvent) 
		element.detachEvent('on'+eventName,func);
	else
	if (element.removeEventListener)
		element.removeEventListener(eventName,func,bubble);
}
function stopDefault(ev){
    if(ev.preventDefault) ev.preventDefault();
    	else ev.returnValue = false;
}
function initCollage(){
	conf.init();
	collage=new Collage();
	controlTab=new ControlTab();
	collage.indicateOff();
//	collage.changeFace('a8334075bca60ac39f13785202b67b7d.jpg');
}

myAddEventListener(document,'mousemove',function(e){
//	alert('!');
},false);