var btn = {
    init : function() {
        if (!document.getElementById || !document.createElement || !document.appendChild) return false;
        as = btn.getElementsByClassName('btn(.*)');
        for (i=0; i<as.length; i++) {
            if ( as[i].tagName == "INPUT" && ( as[i].type.toLowerCase() == "submit" || as[i].type.toLowerCase() == "button" ) ) {
                var a1 = document.createElement("a");
                a1.appendChild(document.createTextNode(as[i].value));
                a1.className = as[i].className;
                a1.id = as[i].id;
                as[i] = as[i].parentNode.replaceChild(a1, as[i]);
                as[i] = a1;
                as[i].style.cursor = "pointer";
            }
            else if (as[i].tagName == "A") {
                var tt = as[i].childNodes;
            }
            else { return false };
            var i1 = document.createElement('i');
            var i2 = document.createElement('i');
            var s1 = document.createElement('span');
            var s2 = document.createElement('span');
            s1.appendChild(i1);
            s1.appendChild(s2);
            while (as[i].firstChild) {
              s1.appendChild(as[i].firstChild);
            }
            as[i].appendChild(s1);
            as[i] = as[i].insertBefore(i2, s1);
        }
    },
    findForm : function(f) {
        while(f.tagName != "FORM") {
            f = f.parentNode;
        }
        return f;
    },
    addEvent : function(obj, type, fn) {
        if (obj.addEventListener) {
            obj.addEventListener(type, fn, false);
        }
        else if (obj.attachEvent) {
            obj["e"+type+fn] = fn;
            obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
            obj.attachEvent("on"+type, obj[type+fn]);
        }
    },
    getElementsByClassName : function(className, tag, elm) {
        var testClass = new RegExp("(^|\s)" + className + "(\s|$)");
        var tag = tag || "*";
        var elm = elm || document;
        var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
        var returnElements = [];
        var current;
        var length = elements.length;
        for(var i=0; i<length; i++){
            current = elements[i];
            if(testClass.test(current.className)){
                returnElements.push(current);
            }
        }
        return returnElements;
    }
}

// btn.addEvent(window,'load', function() { btn.init();} );
var Drag={
	obj:null,
	init:function(o,oRoot,minX,maxX,minY,maxY,bSwapHorzRef,bSwapVertRef,fXMapper,fYMapper)
	{
		o.onmousedown=Drag.start;
		o.hmode=bSwapHorzRef?false:true;
		o.vmode=bSwapVertRef?false:true;
		o.root=oRoot&&oRoot!=null?oRoot:o;
		if(o.hmode&&isNaN(parseInt(o.root.style.left)))o.root.style.left="0px";
		if(o.vmode&&isNaN(parseInt(o.root.style.top)))o.root.style.top="0px";
		if(!o.hmode&&isNaN(parseInt(o.root.style.right)))o.root.style.right="0px";
		if(!o.vmode&&isNaN(parseInt(o.root.style.bottom)))o.root.style.bottom="0px";
		o.minX=typeof minX!='undefined'?minX:null;
		o.minY=typeof minY!='undefined'?minY:null;
		o.maxX=typeof maxX!='undefined'?maxX:null;
		o.maxY=typeof maxY!='undefined'?maxY:null;
		o.xMapper=fXMapper?fXMapper:null;
		o.yMapper=fYMapper?fYMapper:null;
		o.root.onDragStart=new Function();
		o.root.onDragEnd=new Function();
		o.root.onDrag=new Function();
	},
	start:function(e)
	{
		var o=Drag.obj=this;
		e=Drag.fixE(e);
		var y=parseInt(o.vmode?o.root.style.top:o.root.style.bottom);
		var x=parseInt(o.hmode?o.root.style.left:o.root.style.right);
		o.root.onDragStart(x,y);
		o.lastMouseX=e.clientX;
		o.lastMouseY=e.clientY;
		if(o.hmode){
			if(o.minX!=null)o.minMouseX=e.clientX-x+o.minX;
			if(o.maxX!=null)o.maxMouseX=o.minMouseX+o.maxX-o.minX;
		}
		else{
			if(o.minX!=null)o.maxMouseX=-o.minX+e.clientX+x;
			if(o.maxX!=null)o.minMouseX=-o.maxX+e.clientX+x;
		}

		if(o.vmode){
			if(o.minY!=null)o.minMouseY=e.clientY-y+o.minY;
			if(o.maxY!=null)o.maxMouseY=o.minMouseY+o.maxY-o.minY;
		}
		else{
			if(o.minY!=null)o.maxMouseY=-o.minY+e.clientY+y;
			if(o.maxY!=null)o.minMouseY=-o.maxY+e.clientY+y;
		}

		document.onmousemove=Drag.drag;
		document.onmouseup=Drag.end;
		return false;
	},
	drag:function(e)
	{
		e=Drag.fixE(e);
		var o=Drag.obj;
		var ey=e.clientY;
		var ex=e.clientX;
		var y=parseInt(o.vmode?o.root.style.top:o.root.style.bottom);
		var x=parseInt(o.hmode?o.root.style.left:o.root.style.right);
		var nx,ny;
		if(o.minX!=null)ex=o.hmode?Math.max(ex,o.minMouseX):Math.min(ex,o.maxMouseX);
		if(o.maxX!=null)ex=o.hmode?Math.min(ex,o.maxMouseX):Math.max(ex,o.minMouseX);
		if(o.minY!=null)ey=o.vmode?Math.max(ey,o.minMouseY):Math.min(ey,o.maxMouseY);
		if(o.maxY!=null)ey=o.vmode?Math.min(ey,o.maxMouseY):Math.max(ey,o.minMouseY);
		nx=x+((ex-o.lastMouseX)*(o.hmode?1:-1));
		ny=y+((ey-o.lastMouseY)*(o.vmode?1:-1));
		if(o.xMapper)nx=o.xMapper(y)
		else if(o.yMapper)ny=o.yMapper(x)
		Drag.obj.root.style[o.hmode?"left":"right"]=nx+"px";
		Drag.obj.root.style[o.vmode?"top":"bottom"]=ny+"px";
		Drag.obj.lastMouseX=ex;
		Drag.obj.lastMouseY=ey;
		Drag.obj.root.onDrag(nx,ny);
		return false;
	},
	end:function()
	{
		document.onmousemove=null;
		document.onmouseup=null;
		Drag.obj.root.onDragEnd(parseInt(Drag.obj.root.style[Drag.obj.hmode?"left":"right"]),parseInt(Drag.obj.root.style[Drag.obj.vmode?"top":"bottom"]));
		Drag.obj=null;
	},
	fixE:function(e)
	{
		if(typeof e=='undefined')e=window.event;
		if(typeof e.layerX=='undefined')e.layerX=e.offsetX;
		if(typeof e.layerY=='undefined')e.layerY=e.offsetY;
		return e;
	}
};
function discreteProgressBar(containerName,faceName,segments)
{
	this.faceList = { 1:{height:'12px'}, 2:{height:'13px'} };
	this.faceDir = 'lib/progressbars/discrete/' + faceName + '/';
	this.container = document.getElementById(containerName);
	this.faceName = faceName;
	this.segments = segments;
	this.height = this.faceList[this.faceName].height;

	this.fillIMG = new Image();
	this.fillIMG.src = this.faceDir + 'f.gif';
	this.bodyIMG = new Image();
	this.bodyIMG.src = this.faceDir + 'b.gif';

	this.init = function()
	{
		this.container.style.display = 'none';

		// left corner

		var l = document.createElement("IMG");
		l.src = this.faceDir + 'l.gif';
		l.style.height = this.height;
		this.container.appendChild(l);

		// body

		for (i = 1; i <= this.segments; i++)
		{
			var b = document.createElement("IMG");
			b.src = this.bodyIMG.src;
			b.style.height = this.height;
			b.id = this.container.id + '_progress_segment' + i;
			this.container.appendChild(b);
		}	

		// right corner

		var r = document.createElement("IMG");
		r.src = this.faceDir + 'r.gif';
		r.style.height = this.height;
		this.container.appendChild(r);

		// message area

		var m = document.createElement("DIV");
		m.style.height = this.height;
		m.style.marginLeft = '5px';
		m.style.marginTop = '5px';
		m.id = this.container.id + '_message';
		m.innerHTML = '&nbsp;';
		this.container.appendChild(m);

		this.container.style.display = '';
	};

	this.progress = function(percent)
	{
		var fillImg = new Image();this.faceDir + 'f.gif';
		var bodyImg = this.faceDir + 'b.gif';

		if (percent < 0) percent = 0;
		if (percent > 100) percent = 100;

		var filledSegments = Math.round(this.segments*(percent/100));

		for (i = 1; i <= this.segments; i++)
		{
			var segment = document.getElementById(this.container.id + '_progress_segment' + i);

			if (i<=filledSegments && segment.src!= this.fillIMG.src)
			{
				segment.src = this.fillIMG.src;
			}
			else if (i>filledSegments && segment.src!= this.bodyIMG.src)
			{
				segment.src = this.bodyIMG.src;
			}
		}	
	};

	this.message = function(msg)
	{
		document.getElementById(this.container.id + '_message').innerHTML = msg;
	};

	this.init();
}

function continuousProgressBar(containerName,faceName,width)
{
	this.faceList = { 1:{height:'23px'}, 2:{height:'13px'}, 3:{height:'18px'} };
	this.faceDir = 'lib/progressbars/continuous/' + faceName + '/';
	this.container = document.getElementById(containerName);
	this.faceName = faceName;
	this.width = width;
	this.height = this.faceList[this.faceName].height;

	this.init = function()
	{
		this.container.style.display = 'none';
//		this.container.innerHTML = '';

		// left corner

		var l = document.createElement("IMG");
		l.src = this.faceDir + 'l.gif';
		l.style.height = this.height;
		this.container.appendChild(l);

		// filled

		var f = document.createElement("IMG");
		f.src = this.faceDir + 'f.gif';
		f.style.height = this.height;
		f.style.width = '0px';
		f.style.display = 'none';
		f.id = this.container.id + '_progress_fill';
		this.container.appendChild(f);
		
		// body

		var b = document.createElement("IMG");
		b.src = this.faceDir + 'b.gif';
		b.style.height = this.height;
		b.style.width = this.width + 'px';
		b.style.width = this.width + 'px';
		b.id = this.container.id + '_progress_body';
		this.container.appendChild(b);
	
		// right corner

		var r = document.createElement("IMG");
		r.src = this.faceDir + 'r.gif';
		r.style.height = this.height;
		this.container.appendChild(r);

		// message area

		var m = document.createElement("DIV");
		m.style.height = this.height;
		m.style.marginLeft = '5px';
		m.style.marginTop = '5px';
		m.innerHTML = '&nbsp;';
		m.id = this.container.id + '_message';
		this.container.appendChild(m);

		this.container.style.display = '';
	};

	this.progress = function(percent)
	{
		var bodyIMG = document.getElementById(this.container.id + '_progress_body');
		var fillIMG = document.getElementById(this.container.id + '_progress_fill');

		if (percent < 0) percent = 0;
		if (percent > 100) percent = 100;

		if (percent > 0)
		{
			fillIMG.style.display = '';
		}
		else
		{
			fillIMG.style.display = 'none';
		}

		fillIMG.style.display = 'none';
		bodyIMG.style.display = 'none';

		fillIMG.style.width = Math.round(this.width/100*percent) + 'px';
		bodyIMG.style.width = this.width - parseInt(fillIMG.style.width) + 'px';

		fillIMG.style.display = '';
		bodyIMG.style.display = '';

	};

	this.message = function(msg)
	{
		document.getElementById(this.container.id + '_message').innerHTML = msg;
	};

	this.init();
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

Originally from:
  http://www.arantius.com/article/lightweight+javascript+slider+control

Copyright (c) 2006 Anthony Lieuallen, http://www.arantius.com/

Permission is hereby granted, free of charge, to any person obtaining a copy of 
this software and associated documentation files (the "Software"), to deal in 
the Software without restriction, including without limitation the rights to 
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 
the Software, and to permit persons to whom the Software is furnished to do so, 
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all 
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS 
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
function drawSliderByVal(slider) {
	var knob=slider.getElementsByTagName('img')[0];
	var p=(slider.val-slider.min)/(slider.max-slider.min);
	var x=(slider.scrollWidth-30)*p;
	knob.style.left=x+"px";
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
function setSliderByClientX(slider, clientX) {
	var p=(clientX-slider.offsetLeft-15)/(slider.scrollWidth-30);
	slider.val=(slider.max-slider.min)*p + slider.min;
	if (slider.val>slider.max) slider.val=slider.max;
	if (slider.val<slider.min) slider.val=slider.min;

	drawSliderByVal(slider);
	slider.onchange(slider.val, slider.num);
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
function sliderClick(e) {
	var el=sliderFromEvent(e);
	if (!el) return;

	setSliderByClientX(el, e.clientX);
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
function sliderMouseMove(e) {
	var el=sliderFromEvent(e);
	if (!el) return;
	if (activeSlider<0) return;

	setSliderByClientX(el, e.clientX);
	stopEvent(e);
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
function sliderFromEvent(e) {
	if (!e && window.event) e=window.event;
	if (!e) return false;

	var el;
	if (e.target) el=e.target;
	if (e.srcElement) el=e.srcElement;

	if (!el.id || !el.id.match(/slider\d+/)) el=el.parentNode;
	if (!el) return false;
	if (!el.id || !el.id.match(/slider\d+/)) return false;

	return el;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
function attachSliderEvents() {
	var divs=document.getElementsByTagName('div');
	var divNum;
	for(var i=0; i<divs.length; i++) {
		if (divNum=divs[i].id.match(/\bslider(\d+)\b/)) {
			// set initial properties
			divNum=parseInt(divNum[1]);
			divs[i].min=slider[divNum].min;
			divs[i].max=slider[divNum].max;
			divs[i].val=slider[divNum].val;
			divs[i].onchange=slider[divNum].onchange;
			divs[i].num=divNum;
			// and make sure the display matches
			drawSliderByVal(divs[i]);
			divs[i].onchange(divs[i].val, divNum);

			addAnEvent(divs[i], 'mousedown', function(e){
				sliderClick(e);
				var el=sliderFromEvent(e);
				if (!el) return;
				activeSlider=el.num;
				stopEvent(e);
			});
			addAnEvent(divs[i], 'mouseup', function(e){
				activeSlider=-1;
				stopEvent(e);
			});
		}
	}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
//borrowed from prototype: http://prototype.conio.net/
function stopEvent(event) {
	if (event.preventDefault) {
		event.preventDefault();
		event.stopPropagation();
	} else {
		event.returnValue=false;
		event.cancelBubble=true;
	}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
var activeSlider=-1;
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* SWFObject v2.1 <http://code.google.com/p/swfobject/>
	Copyright (c) 2007-2008 Geoff Stearns, Michael Williams, and Bobby van der Sluis
	This software is released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/
var swfobject=function(){var b="undefined",Q="object",n="Shockwave Flash",p="ShockwaveFlash.ShockwaveFlash",P="application/x-shockwave-flash",m="SWFObjectExprInst",j=window,K=document,T=navigator,o=[],N=[],i=[],d=[],J,Z=null,M=null,l=null,e=false,A=false;var h=function(){var v=typeof K.getElementById!=b&&typeof K.getElementsByTagName!=b&&typeof K.createElement!=b,AC=[0,0,0],x=null;if(typeof T.plugins!=b&&typeof T.plugins[n]==Q){x=T.plugins[n].description;if(x&&!(typeof T.mimeTypes!=b&&T.mimeTypes[P]&&!T.mimeTypes[P].enabledPlugin)){x=x.replace(/^.*\s+(\S+\s+\S+$)/,"$1");AC[0]=parseInt(x.replace(/^(.*)\..*$/,"$1"),10);AC[1]=parseInt(x.replace(/^.*\.(.*)\s.*$/,"$1"),10);AC[2]=/r/.test(x)?parseInt(x.replace(/^.*r(.*)$/,"$1"),10):0}}else{if(typeof j.ActiveXObject!=b){var y=null,AB=false;try{y=new ActiveXObject(p+".7")}catch(t){try{y=new ActiveXObject(p+".6");AC=[6,0,21];y.AllowScriptAccess="always"}catch(t){if(AC[0]==6){AB=true}}if(!AB){try{y=new ActiveXObject(p)}catch(t){}}}if(!AB&&y){try{x=y.GetVariable("$version");if(x){x=x.split(" ")[1].split(",");AC=[parseInt(x[0],10),parseInt(x[1],10),parseInt(x[2],10)]}}catch(t){}}}}var AD=T.userAgent.toLowerCase(),r=T.platform.toLowerCase(),AA=/webkit/.test(AD)?parseFloat(AD.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,q=false,z=r?/win/.test(r):/win/.test(AD),w=r?/mac/.test(r):/mac/.test(AD);/*@cc_on q=true;@if(@_win32)z=true;@elif(@_mac)w=true;@end@*/return{w3cdom:v,pv:AC,webkit:AA,ie:q,win:z,mac:w}}();var L=function(){if(!h.w3cdom){return }f(H);if(h.ie&&h.win){try{K.write("<script id=__ie_ondomload defer=true src=//:><\/script>");J=C("__ie_ondomload");if(J){I(J,"onreadystatechange",S)}}catch(q){}}if(h.webkit&&typeof K.readyState!=b){Z=setInterval(function(){if(/loaded|complete/.test(K.readyState)){E()}},10)}if(typeof K.addEventListener!=b){K.addEventListener("DOMContentLoaded",E,null)}R(E)}();function S(){if(J.readyState=="complete"){J.parentNode.removeChild(J);E()}}function E(){if(e){return }if(h.ie&&h.win){var v=a("span");try{var u=K.getElementsByTagName("body")[0].appendChild(v);u.parentNode.removeChild(u)}catch(w){return }}e=true;if(Z){clearInterval(Z);Z=null}var q=o.length;for(var r=0;r<q;r++){o[r]()}}function f(q){if(e){q()}else{o[o.length]=q}}function R(r){if(typeof j.addEventListener!=b){j.addEventListener("load",r,false)}else{if(typeof K.addEventListener!=b){K.addEventListener("load",r,false)}else{if(typeof j.attachEvent!=b){I(j,"onload",r)}else{if(typeof j.onload=="function"){var q=j.onload;j.onload=function(){q();r()}}else{j.onload=r}}}}}function H(){var t=N.length;for(var q=0;q<t;q++){var u=N[q].id;if(h.pv[0]>0){var r=C(u);if(r){N[q].width=r.getAttribute("width")?r.getAttribute("width"):"0";N[q].height=r.getAttribute("height")?r.getAttribute("height"):"0";if(c(N[q].swfVersion)){if(h.webkit&&h.webkit<312){Y(r)}W(u,true)}else{if(N[q].expressInstall&&!A&&c("6.0.65")&&(h.win||h.mac)){k(N[q])}else{O(r)}}}}else{W(u,true)}}}function Y(t){var q=t.getElementsByTagName(Q)[0];if(q){var w=a("embed"),y=q.attributes;if(y){var v=y.length;for(var u=0;u<v;u++){if(y[u].nodeName=="DATA"){w.setAttribute("src",y[u].nodeValue)}else{w.setAttribute(y[u].nodeName,y[u].nodeValue)}}}var x=q.childNodes;if(x){var z=x.length;for(var r=0;r<z;r++){if(x[r].nodeType==1&&x[r].nodeName=="PARAM"){w.setAttribute(x[r].getAttribute("name"),x[r].getAttribute("value"))}}}t.parentNode.replaceChild(w,t)}}function k(w){A=true;var u=C(w.id);if(u){if(w.altContentId){var y=C(w.altContentId);if(y){M=y;l=w.altContentId}}else{M=G(u)}if(!(/%$/.test(w.width))&&parseInt(w.width,10)<310){w.width="310"}if(!(/%$/.test(w.height))&&parseInt(w.height,10)<137){w.height="137"}K.title=K.title.slice(0,47)+" - Flash Player Installation";var z=h.ie&&h.win?"ActiveX":"PlugIn",q=K.title,r="MMredirectURL="+j.location+"&MMplayerType="+z+"&MMdoctitle="+q,x=w.id;if(h.ie&&h.win&&u.readyState!=4){var t=a("div");x+="SWFObjectNew";t.setAttribute("id",x);u.parentNode.insertBefore(t,u);u.style.display="none";var v=function(){u.parentNode.removeChild(u)};I(j,"onload",v)}U({data:w.expressInstall,id:m,width:w.width,height:w.height},{flashvars:r},x)}}function O(t){if(h.ie&&h.win&&t.readyState!=4){var r=a("div");t.parentNode.insertBefore(r,t);r.parentNode.replaceChild(G(t),r);t.style.display="none";var q=function(){t.parentNode.removeChild(t)};I(j,"onload",q)}else{t.parentNode.replaceChild(G(t),t)}}function G(v){var u=a("div");if(h.win&&h.ie){u.innerHTML=v.innerHTML}else{var r=v.getElementsByTagName(Q)[0];if(r){var w=r.childNodes;if(w){var q=w.length;for(var t=0;t<q;t++){if(!(w[t].nodeType==1&&w[t].nodeName=="PARAM")&&!(w[t].nodeType==8)){u.appendChild(w[t].cloneNode(true))}}}}}return u}function U(AG,AE,t){var q,v=C(t);if(v){if(typeof AG.id==b){AG.id=t}if(h.ie&&h.win){var AF="";for(var AB in AG){if(AG[AB]!=Object.prototype[AB]){if(AB.toLowerCase()=="data"){AE.movie=AG[AB]}else{if(AB.toLowerCase()=="styleclass"){AF+=' class="'+AG[AB]+'"'}else{if(AB.toLowerCase()!="classid"){AF+=" "+AB+'="'+AG[AB]+'"'}}}}}var AD="";for(var AA in AE){if(AE[AA]!=Object.prototype[AA]){AD+='<param name="'+AA+'" value="'+AE[AA]+'" />'}}v.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'+AF+">"+AD+"</object>";i[i.length]=AG.id;q=C(AG.id)}else{if(h.webkit&&h.webkit<312){var AC=a("embed");AC.setAttribute("type",P);for(var z in AG){if(AG[z]!=Object.prototype[z]){if(z.toLowerCase()=="data"){AC.setAttribute("src",AG[z])}else{if(z.toLowerCase()=="styleclass"){AC.setAttribute("class",AG[z])}else{if(z.toLowerCase()!="classid"){AC.setAttribute(z,AG[z])}}}}}for(var y in AE){if(AE[y]!=Object.prototype[y]){if(y.toLowerCase()!="movie"){AC.setAttribute(y,AE[y])}}}v.parentNode.replaceChild(AC,v);q=AC}else{var u=a(Q);u.setAttribute("type",P);for(var x in AG){if(AG[x]!=Object.prototype[x]){if(x.toLowerCase()=="styleclass"){u.setAttribute("class",AG[x])}else{if(x.toLowerCase()!="classid"){u.setAttribute(x,AG[x])}}}}for(var w in AE){if(AE[w]!=Object.prototype[w]&&w.toLowerCase()!="movie"){F(u,w,AE[w])}}v.parentNode.replaceChild(u,v);q=u}}}return q}function F(t,q,r){var u=a("param");u.setAttribute("name",q);u.setAttribute("value",r);t.appendChild(u)}function X(r){var q=C(r);if(q&&(q.nodeName=="OBJECT"||q.nodeName=="EMBED")){if(h.ie&&h.win){if(q.readyState==4){B(r)}else{j.attachEvent("onload",function(){B(r)})}}else{q.parentNode.removeChild(q)}}}function B(t){var r=C(t);if(r){for(var q in r){if(typeof r[q]=="function"){r[q]=null}}r.parentNode.removeChild(r)}}function C(t){var q=null;try{q=K.getElementById(t)}catch(r){}return q}function a(q){return K.createElement(q)}function I(t,q,r){t.attachEvent(q,r);d[d.length]=[t,q,r]}function c(t){var r=h.pv,q=t.split(".");q[0]=parseInt(q[0],10);q[1]=parseInt(q[1],10)||0;q[2]=parseInt(q[2],10)||0;return(r[0]>q[0]||(r[0]==q[0]&&r[1]>q[1])||(r[0]==q[0]&&r[1]==q[1]&&r[2]>=q[2]))?true:false}function V(v,r){if(h.ie&&h.mac){return }var u=K.getElementsByTagName("head")[0],t=a("style");t.setAttribute("type","text/css");t.setAttribute("media","screen");if(!(h.ie&&h.win)&&typeof K.createTextNode!=b){t.appendChild(K.createTextNode(v+" {"+r+"}"))}u.appendChild(t);if(h.ie&&h.win&&typeof K.styleSheets!=b&&K.styleSheets.length>0){var q=K.styleSheets[K.styleSheets.length-1];if(typeof q.addRule==Q){q.addRule(v,r)}}}function W(t,q){var r=q?"visible":"hidden";if(e&&C(t)){C(t).style.visibility=r}else{V("#"+t,"visibility:"+r)}}function g(s){var r=/[\\\"<>\.;]/;var q=r.exec(s)!=null;return q?encodeURIComponent(s):s}var D=function(){if(h.ie&&h.win){window.attachEvent("onunload",function(){var w=d.length;for(var v=0;v<w;v++){d[v][0].detachEvent(d[v][1],d[v][2])}var t=i.length;for(var u=0;u<t;u++){X(i[u])}for(var r in h){h[r]=null}h=null;for(var q in swfobject){swfobject[q]=null}swfobject=null})}}();return{registerObject:function(u,q,t){if(!h.w3cdom||!u||!q){return }var r={};r.id=u;r.swfVersion=q;r.expressInstall=t?t:false;N[N.length]=r;W(u,false)},getObjectById:function(v){var q=null;if(h.w3cdom){var t=C(v);if(t){var u=t.getElementsByTagName(Q)[0];if(!u||(u&&typeof t.SetVariable!=b)){q=t}else{if(typeof u.SetVariable!=b){q=u}}}}return q},embedSWF:function(x,AE,AB,AD,q,w,r,z,AC){if(!h.w3cdom||!x||!AE||!AB||!AD||!q){return }AB+="";AD+="";if(c(q)){W(AE,false);var AA={};if(AC&&typeof AC===Q){for(var v in AC){if(AC[v]!=Object.prototype[v]){AA[v]=AC[v]}}}AA.data=x;AA.width=AB;AA.height=AD;var y={};if(z&&typeof z===Q){for(var u in z){if(z[u]!=Object.prototype[u]){y[u]=z[u]}}}if(r&&typeof r===Q){for(var t in r){if(r[t]!=Object.prototype[t]){if(typeof y.flashvars!=b){y.flashvars+="&"+t+"="+r[t]}else{y.flashvars=t+"="+r[t]}}}}f(function(){U(AA,y,AE);if(AA.id==AE){W(AE,true)}})}else{if(w&&!A&&c("6.0.65")&&(h.win||h.mac)){A=true;W(AE,false);f(function(){var AF={};AF.id=AF.altContentId=AE;AF.width=AB;AF.height=AD;AF.expressInstall=w;k(AF)})}}},getFlashPlayerVersion:function(){return{major:h.pv[0],minor:h.pv[1],release:h.pv[2]}},hasFlashPlayerVersion:c,createSWF:function(t,r,q){if(h.w3cdom){return U(t,r,q)}else{return undefined}},removeSWF:function(q){if(h.w3cdom){X(q)}},createCSS:function(r,q){if(h.w3cdom){V(r,q)}},addDomLoadEvent:f,addLoadEvent:R,getQueryParamValue:function(v){var u=K.location.search||K.location.hash;if(v==null){return g(u)}if(u){var t=u.substring(1).split("&");for(var r=0;r<t.length;r++){if(t[r].substring(0,t[r].indexOf("="))==v){return g(t[r].substring((t[r].indexOf("=")+1)))}}}return""},expressInstallCallback:function(){if(A&&M){var q=C(m);if(q){q.parentNode.replaceChild(M,q);if(l){W(l,true);if(h.ie&&h.win){M.style.display="block"}}M=null;l=null;A=false}}}}}();var img = lens = lens_top = lens_bottom = lens_left = lens_right = null;
cropArea = dragger = overlay = thumbnail = cropper = uploadProgressBar = cropProgressBar = null;
var isIE = navigator.userAgent && navigator.userAgent.indexOf("MSIE")>=0;
var req;
var initWidth = 600;
var initHeight = 400;
var slider = [];
var zoomVal = 100;
var interfaceDefaultStrings = {'no_flash_text':'<p style="color:#AE4505; font-weight:bold; font-size: 180%;">Ой!</p><p style="color:#AE4505; font-weight:bold; font-size: 130%;">Чтобы воспользоваться этим сервисом тебе нужен<br />Flash Player никак не ниже девятой версии.<br />Вот адрес странички, где его всегда можно найти:</p><p><a href="http://www.adobe.com/go/getflashplayer/" target="_blank">http://www.adobe.com/go/getflashplayer/</a></p>','step1_header':'Шаг 1. Загрузи картинку','step2_header':'Шаг 2. Выбери желаемую часть снимка','select_an_image_btn':'Выбрать картинку','userpic_it_btn':'Создать аватарку','userpic_size_head':'Размер:','width_head':'Ширина:','height_head':'Высота:','zoom_head':'Масштаб:','drag_n_drop_note':'Примечание: схвати и тяни картинку мышкой','rotate_image_link':'повернуть на 90%','uploading_head':'Загрузка:','uploading_percent_done':'% готово','file_was_uploaded_succesfully':'Картинка готова к обработке','upload_error':'Ошибка:','crop_done':'Готово!'};

function translate(key)
{
	if (typeof(interfaceStrings)!='undefined' && typeof(interfaceStrings[key])!='undefined')
	{
		return interfaceStrings[key];
	}
	else if (typeof(interfaceDefaultStrings)!='undefined' && typeof(interfaceDefaultStrings[key])!='undefined')
	{
		return interfaceDefaultStrings[key];
	}
	else
	{
		return 'undefined_js_key:' + key;
	}
}

function initTranslation()
{
	var obj=document.getElementsByTagName("SPAN");
	for (var i = 0; i < obj.length; i++)
	{
		if (typeof(obj[i].id)!='undefined' && obj[i].id.substr(0,10)=='translate:')
		{
			obj[i].parentNode.innerHTML = translate(obj[i].id.substr(10));
			i--;
		}
	}

}

function addAnEvent(el, evname, func)
{
	if (el.attachEvent)
	{
		el.attachEvent("on" + evname, func);
	}
	else if (el.addEventListener)
	{
		el.addEventListener(evname, func, true);
	}
	else
	{
		el["on" + evname] = func;
	}
}

function f_browse()
{
	swfobject.getObjectById("uploader").browse();
}

function onUpload(action,param)
{
	param = 'var param = ' + param + ';';
	eval(param);
	switch (action)
	{
		case 'select':
			cropProgressBar.container.style.display = 'none';
			uploadProgressBar.container.style.display = '';
			if (typeof(onImageSelected)=='function')
			{
				onImageSelected();
			}
			swfobject.getObjectById("uploader").upload();
			break;
		case 'complete':
			if (param.response.substring(0,2)=='ok')
			{
				var imageParams = param.response.split(':');
				img.zoomValue = 100;
				img.style.display = 'none';
				img.src = 'http://bpic.userpic.net/' + imageParams[1];
				initWidth = img.initWidth = imageParams[2];
				initHeight = img.initHeight = imageParams[3];

				initImg();
				initLens(100,100);
				if (img.initWidth > 600)
				{
					zoomVal = Math.floor(100/(img.initWidth/600));
				}
				initSlider(0,100,zoomVal,1);

				attachSliderEvents();
				addAnEvent(document, 'mousemove', sliderMouseMove);
				onSliderValueChanged(zoomVal,1);
				img.style.display = '';

				uploadProgressBar.progress(100);
				uploadProgressBar.message('<span style="font-weight: bold; color: #2eab4e; font-size: 11px;">' + translate('file_was_uploaded_succesfully') + '</span>');
				setTimeout("uploadProgressBar.container.style.display = 'none';",1000);
			}
			else
			{
				uploadProgressBar.message('<span style="font-weight: bold; color: red; font-size: 11px;">' + translate('upload_error') + ' ' + param.response + '</span>');
			}
			break;
		case 'progress':
			if (param.bytes)
			{
				var percent = Math.floor(param.bytes.loaded/param.bytes.total*100);
				uploadProgressBar.progress(percent);
				uploadProgressBar.message('<span style="font-weight: bold; color: #9c5109; font-size: 11px;">' + tanslate('uploading_head') + ' ' + percent + translate('uploading_percent_done') + '</span>');
			}
			break;
	}
	return;
}

function findPos(obj)
{
	var curleft = curtop = 0;
	if (obj.offsetParent)
	{
		do
		{
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		}
		while (obj = obj.offsetParent);
		return {'left':curleft,'top':curtop};
	}
}

function CRObj()
{
	var obj = null;
	if (typeof XMLHttpRequest != "undefined")
	{
		obj = new XMLHttpRequest();
	}
	else
	{
		try
		{
			obj = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch(e)
		{
			try
			{
				obj = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(oc)
			{
				obj = null;
			}
		}
	}
	return obj;
}
		
function request(url)
{
	req = CRObj();
	if (req)
	{
		req.onreadystatechange =  onCropDone;
		req.open("GET", url, true);
		req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		req.send(null);
	}
}

function rotate(url)
{
	req = CRObj();
	if (req)
	{
		req.onreadystatechange =  onRotateDone;
		req.open("GET", url, true);
		req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		req.send(null);
	}
}

function setSize(obj)
{
	var size = obj.value.split('x');
	initSlider(0,590,size[0],2);
	initSlider(0,390,size[1],3);
	initSlider(0,100,zoomVal,1);
	attachSliderEvents();
	addAnEvent(document, 'mousemove', sliderMouseMove);
}

function initSlider(min,max,val,box)
{
	slider[box]=new Object();
	slider[box].min=min;
	slider[box].max=max;
	slider[box].val=val;
	slider[box].onchange=onSliderValueChanged;
}

function onSliderValueChanged(val,box)
{
	switch (box)
	{
		case 1:
			zoomVal = val;
			percent=Math.round(val*1000)/1000;
		//	var b=document.getElementById('output'+box);
		//	b.value=Math.round(percent);
			document.getElementById('sliderVal1').innerHTML = Math.round(percent);

			if (Math.round(img.initWidth/100*percent) < parseInt(lens.style.width))
			{
				percent = Math.round(parseInt(lens.style.width)/(img.initWidth/100) + 0.5,1);
			}
		
			if (Math.round(img.initHeight/100*percent) < parseInt(lens.style.height))
			{
				percent = Math.round(parseInt(lens.style.height)/(img.initHeight/100) + 0.5,1);
			}
		
			
			img.zoomValue = percent;
		
			var newWidth = Math.round(img.initWidth/100*percent);
			var newHeight = Math.round(img.initHeight/100*percent);
		
			var newLeft = img.zoomAreaCenterX - Math.round(newWidth/2);
			var newTop = img.zoomAreaCenterY - Math.round(newHeight/2);
		
			if (newLeft - 1 > parseInt(lens_left.style.width)) newLeft = parseInt(lens_left.style.width) + 1;
			if (newTop - 1 > parseInt(lens_top.style.height)) newTop = parseInt(lens_top.style.height) + 1;
		
			if (newLeft + newWidth - 1 < parseInt(lens_left.style.width) + parseInt(lens.style.width)) newLeft = parseInt(lens_left.style.width) + parseInt(lens.style.width) - newWidth + 1;
			if (newTop + newHeight - 1 < parseInt(lens_top.style.height) + parseInt(lens.style.height)) newTop = parseInt(lens_top.style.height) + parseInt(lens.style.height) - newHeight + 1;
		
			img.style.left = newLeft + 'px';
			img.style.top = newTop + 'px';
		
			img.style.width = newWidth + 'px';
			img.style.height = newHeight + 'px';
		
			initLens(null,null);
			break;
		case 2:
			slider[2].val = Math.floor(val);
			setLensSize(slider[2].val, slider[3].val);
			break;
		case 3:
			slider[3].val = Math.floor(val);
			setLensSize(slider[2].val, slider[3].val);
			break;
	}

}

function initLens(width,height)
{
	lens = document.getElementById('lens');
	lens_top = document.getElementById('lens_top');
	lens_bottom = document.getElementById('lens_bottom');
	lens_left = document.getElementById('lens_left');
	lens_right = document.getElementById('lens_right');

	if (width && height)
	{
		if (width > parseInt(cropArea.style.width))
		{
			width=parseInt(cropArea.style.width);
		}
		if (height > parseInt(cropArea.style.height))
		{
			height=parseInt(cropArea.style.height);
		}
		setLensSize(width,height);
	}

	Drag.init(dragger, img, -1*(parseInt(img.style.width) - parseInt(lens_left.style.width) - parseInt(lens.style.width)) +1, parseInt(lens_left.style.width) + 1, -1*(parseInt(img.style.height) - parseInt(lens_top.style.height) - parseInt(lens.style.height)) + 1, parseInt(lens_top.style.height) +1);
	img.onDragEnd = function(x, y) {
		img.zoomAreaCenterX =  parseInt(img.style.left) + Math.round(parseInt(img.style.width) / 2);
		img.zoomAreaCenterY =  parseInt(img.style.top) + Math.round(parseInt(img.style.height) / 2);
	}
}


function setLensSize(lens_width, lens_height)
{
	document.getElementById('sliderVal2').innerHTML = lens_width;
	document.getElementById('sliderVal3').innerHTML = lens_height;

	lens.style.width = lens_width + 'px';
	lens.style.height = lens_height + 'px';
	lens_left.style.width =lens_right.style.width = (Math.round( ((parseInt(cropArea.style.width) - lens_width) < 0 ? parseInt(cropArea.style.width) : parseInt(cropArea.style.width) - lens_width) / 2 ) -1) + 'px';
	lens_top.style.height = lens_bottom.style.height = (Math.round( ((parseInt(cropArea.style.height) - lens_height) < 0 ? parseInt(cropArea.style.height) : parseInt(cropArea.style.height) - lens_height) / 2 -1)) + 'px';

	onSliderValueChanged(img.zoomValue,1);
}

function initImg()
{
	img.zoomValue = 100;

	img.initWidth = initWidth;
	img.initHeight = initHeight;

	img.style.width	= img.initWidth + 'px';
	img.style.height = img.initHeight + 'px';

	img.width = img.initWidth;
	img.height = img.initHeight;

	img.zoomAreaCenterX =  Math.round(parseInt(cropArea.style.width) / 2);
	img.zoomAreaCenterY =  Math.round(parseInt(cropArea.style.height) / 2);

	img.style.visibility = '';
}

var progressCycle = null;
function cropImage()
{
	var url = '';

	var imgPath = img.src.split('/');
	var imgSRC = imgPath[imgPath.length-1];

	url += '?zoom=' + img.zoomValue;
	url += '&left=' + (parseInt(lens_left.style.width) + 1 - parseInt(img.style.left));
	url += '&top=' + (parseInt(lens_top.style.height) + 1 - parseInt(img.style.top));
	url += '&width=' + parseInt(lens.style.width);
	url += '&height=' + parseInt(lens.style.height);
	url += '&src=' + imgSRC;
	url += '&action=crop';

	cropProgressBar.container.style.display = '';
	cropProgressBar.progress(0);
	progressCycle = new progressDemo(cropProgressBar,150);
	request(url);
	return;
}

function onCropDone()
{
	if (req.readyState == 4 && req.status == 200)
	{
		progressCycle.stop();
		cropProgressBar.progress(100);
		cropProgressBar.message('<span style="font-weight: bold; color: #2eab4e; font-size: 11px;">' + translate('crop_done') + '</span>');
		if (typeof(onImageReady)=='function')
		{
			onImageReady('http://pic.userpic.net/' + req.responseText);
		}
	}
}

function onRotateDone()
{
	if (req.readyState == 4 && req.status == 200)
	{
		var response = req.responseText;
		if (response.substring(0,2)=='ok')
		{
			var imageParams = response.split(':');
			img.zoomValue = 100;
			img.src = 'http://bpic.userpic.net/' + imageParams[1];
			initWidth = img.initWidth = imageParams[2];
			initHeight = img.initHeight = imageParams[3];

			initImg();
			initLens(100,100);
			if (img.initWidth > 600)
			{
				zoomVal = Math.floor(100/(img.initWidth/600));
			}

			initSlider(0,100,zoomVal,1);

			attachSliderEvents();
			addAnEvent(document, 'mousemove', sliderMouseMove);

			onSliderValueChanged(zoomVal,1);
		}
	}
}

function rotateImage()
{
	var url = '';

	var imgPath = img.src.split('/');
	var imgSRC = imgPath[imgPath.length-1];

	url += '?src=' + imgSRC;
	url += '&action=rotate';

	rotate(url);
	return;
}


function progressDemo(obj,timeout)
{
	this.percent = 0;
	this.timer = null;
	this.timeout = timeout;
	this.obj = obj;

	var me = this;
		
	this.progress = function()
	{
		obj.progress(this.percent++);
		if (this.percent > 100)
		{
			setTimeout(function() { me.start(); },300);
		}
	};

	this.start = function()
	{
		if (this.timer)	clearInterval(this.timer);
		this.percent = 0;
		this.timer = setInterval(function() { me.progress(); },this.timeout);
	};

	this.stop = function()
	{
		if (this.timer)	clearInterval(this.timer);
	};

	this.start();

}

function selectAll(name)
{
	var obj = document.getElementById(name);
	obj.focus();
	obj.select();
}

function copyAll(name)
{
	var obj = document.getElementById(name);
	obj.focus();
	obj.select();
        if (document.selection && document.selection.createRange)
	{
                region=document.selection.createRange();
        }
	else if (window.getSelection)
	{
                region=window.getSelection();

                if (region.rangeCount > 0 && window.XMLSerializer)
		{
                        region=region.getRangeAt(0);
                }
        }

	if (region.execCommand)
	{
		region.execCommand("Copy");
	}
	else
	{
		try
		{
			window.clipboard = new Clipboard();
			window.clipboard.paste();
		}
		catch (e)
		{
			alert(translate('you_need_to_copy_this_value_manually'));
		}

	}
}

function initCropTool()
{
	document.getElementById('userpic_net_control').innerHTML = '<div align="center" id="flashAlert" style="padding:5px; background-color:#F5F4F4; font-size:80%; border: #928F3A 1px dotted; margin-bottom: 10px; display: none;"><span id="translate:no_flash_text"></span></div><table class="baseTable" cellpadding="0" cellspacing="0"><tr><td class="step"><span id="translate:step1_header"></span></td></tr><tr><td class="content"><table border="0"><tr><td style="vertical-align: top; padding-bottom: 10px;"><div style="width: 250px; height: 60px; overflow: hidden;"><div style="width: 250px; height: 60px;"><a href="javascript:void(0);" id="selectButton" class="btn green"><span id="translate:select_an_image_btn"></span></a></div><div style="width: 250px; height: 60px; position: relative;  left: 0px; top: -60px; zIndex: 9999;"><div id="flashDiv" style="width: 250px; height: 60px; visibility: visible;"></div></div></div></td><td style="vertical-align: top; padding-top: 3px;"><div id="uploadProgressBar">&nbsp;</div></td></tr></table></td></tr><tr><td class="step"><span id="translate:step2_header"></span></td></tr><tr><td class="content"><table id="sliderTable" cellpadding="0" cellspacing="0" border="0"><tr><td class="head" align="right"><span id="translate:userpic_size_head"></span></td><td><select name="sizes" id="sizes" onchange="setSize(this)" style="width:100%"><option value="100x100">-- выбери свою социальную сеть --</option><option value="100x100">------------&nbsp;Самые&nbsp;популярные&nbsp;-----------</option><option value="320x320">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Одноклассники</option><option value="170x170">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;В&nbsp;Контакте</option><option value="100x100">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;LiveJournal</option><option value="100x100">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;LiveInternet</option><option value="120x120">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Diary.ru</option><option value="180x180">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Мой&nbsp;Мир&nbsp;@mail.ru</option><option value="100x100">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Планета&nbsp;Rambler</option><option value="228x228">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Мой&nbsp;круг</option><option value="100x100">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Я.ру</option><option value="217x217">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Народ.Ру</option><option value="80x80">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;phpBB&nbsp;форум</option><option value="150x150">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;vBulletin&nbsp;форум</option><option value="64x64">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Invision&nbsp;Power&nbsp;Board&nbsp;форум</option><option value="100x100">-----------------&nbsp;Прочие&nbsp;----------------</option><option value="80x80">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;RuTube.ru</option><option value="80x80">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Профессионалы.ru</option><option value="100x100">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;lj.rossia.org</option><option value="150x150">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Vspomni.ru</option><option value="100x120">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Вебкруг.ru</option><option value="100x100">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;76-82.ru</option><option value="68x68">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Blogi.ru</option><option value="100x100">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Blog.ru</option><option value="100x100">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;DisLife.ru</option><option value="170x170">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;BeOn.ru</option><option value="400x400">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dating.ru</option><option value="400x400">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;24open.ru</option><option value="64x64">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;100&nbsp;друзей&nbsp;-&nbsp;юзерпик</option><option value="240x240">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;100&nbsp;друзей&nbsp;-&nbsp;фото</option><option value="200x200">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Мир&nbsp;тесен!</option><option value="185x290">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Соборное&nbsp;Дело&nbsp;(sobornoedelo.ru)</option><option value="100x100">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Деткин&nbsp;дневник&nbsp;(detkin.ru)</option><option value="200x200">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;В&nbsp;Армии&nbsp;(varmii.ru)</option><option value="68x68">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;РЕШИМ&nbsp;(resh.im)</option><option value="150x150">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Деловая&nbsp;сеть&nbsp;RB.ru</option><option value="68x68">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;DrugMe.ru</option><option value="100x100">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;НетПроектЖурнал&nbsp;(npj.ru)</option><option value="200x150">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dogster.ru</option><option value="250x200">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7&nbsp;рук</option><option value="100x100">-------------&nbsp;Международные&nbsp;-------------</option><option value="140x185">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Facebook</option><option value="170x170">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MySpace</option><option value="100x100">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Live&nbsp;Journal</option><option value="80x80">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;LinkedIn</option><option value="122x160">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Orkut</option><option value="190x190">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Yahoo&nbsp;360</option><option value="96x96">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Windows&nbsp;Live&nbsp;spaces</option><option value="160x160">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Wayn</option><option value="150x150">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Blogger</option></select></td></tr><tr><td class="head" align="right"><span id="translate:width_head"></span></td><td class="control"><div class="slider" id="slider02"><div class="left"></div><div class="right"></div><img src="lib/slider/img/knob.gif" width="30" height="30" alt="*" /></div></td><td class="value"><div id="sliderVal2">&nbsp;</div></td></tr><tr><td class="head" align="right"><span id="translate:height_head"></span></td><td class="control"><div class="slider" id="slider03"><div class="left"></div><div class="right"></div><img src="lib/slider/img/knob.gif" width="30" height="30" alt="*" /></div></td><td class="value"><div id="sliderVal3">&nbsp;</div></td></tr><tr><td class="head" align="right"><span id="translate:zoom_head"></span></td><td class="control"><div class="slider" id="slider01"><div class="left"></div><div class="right"></div><img src="lib/slider/img/knob.gif" width="30" height="30" alt="*" /></div></td><td class="value"><div id="sliderVal1">&nbsp;</div></td></tr></table></td></tr><tr><td class="content"><table width="600" border="0" cellpadding="0" cellspacing="0"><tr><td width="400"><div class="note"><span id="translate:drag_n_drop_note"></span></div></td><td width="200" align="right" style="padding-right:5px;"><div class="link" align="right" onclick="rotateImage();"><span id="translate:rotate_image_link"></span></div></td></tr><tr><td colspan="2"><div id="cropper" style="border: #cccccc 1px solid"><div id="cropArea"><div id="overlay"><table border="0" cellspacing="0" cellpadding="0" style="position: relative; top: 0px; left:0px;"><tr><td bgcolor="black"><img src="i/.gif" width="1" height="1" alt="" /></td><td style="border-bottom: #eeeeee 1px solid;"><img src="i/.gif" width="1" height="1" id="lens_top" alt="" /></td><td><img src="i/.gif" width="1" height="1" alt="" /></td></tr><tr><td style="border-right: #eeeeee 1px solid;"><img src="i/.gif" width="1" height="1" id="lens_left" alt="" /></td><td class="lens"><div style="width:1px; height:1px;" id="lens"></div></td><td style="border-left: #eeeeee 1px solid;"><img src="i/.gif" width="1" height="1" id="lens_right" alt="" /></td></tr><tr><td><img src="i/.gif" width="1" height="1" alt="" /></td><td style=" border-top: #eeeeee 1px solid;"><img src="i/.gif" width="1" height="1" id="lens_bottom" alt="" /></td><td><img src="i/.gif" width="1" height="1" alt="" /></td></tr></table></div><div id="dragger"></div><div id="cropImgBox"><img id="cropImg" src="i/.gif" alt="" /></div></div></div></td></tr></table></td></tr><tr><td class="content"><table border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align: top; padding-bottom: 10px;"><a href="javascript:void(0);" onclick="cropImage()" class="btn orange"><span id="translate:userpic_it_btn"></span></a></td><td style="vertical-align: top; padding-top: 3px;"><div id="cropProgressBar">&nbsp;</div></td></tr></table></td></tr></table>';
	overlay = document.getElementById('overlay');
	cropArea = document.getElementById('cropArea');
	img = document.getElementById('cropImg');
	dragger = document.getElementById('dragger');
	thumbnail = document.getElementById('thumbnail');
	cropper = document.getElementById('cropper');
	uploadProgressBar = new continuousProgressBar('uploadProgressBar',2,280);
	uploadProgressBar.container.style.display = 'none';

	cropProgressBar = new continuousProgressBar('cropProgressBar',2,200);
	cropProgressBar.container.style.display = 'none';

	cropArea.style.width = overlay.style.width = dragger.style.width = 600 + 'px'; // img.width + 'px';
	cropArea.style.height = overlay.style.height = dragger.style.height = 400 + 'px'; //img.height + 'px';

	initTranslation();

	initImg();
	initLens(100,100);

	initSlider(0,100,100,1);
	initSlider(0,590,100,2);
	initSlider(0,390,100,3);
	attachSliderEvents();
	addAnEvent(document, 'mousemove', sliderMouseMove);

	onSliderValueChanged(100,1);

	if (swfobject.hasFlashPlayerVersion("9.0.0"))
	{
		var flashvars = {
			'allowScriptAccess':'always',
			'action_url':'http://ru.userpic.net/?action=upload',
//			'domain_policy_url':'http://ru.userpic.net/crossdomain.xml',
			'js_callback_function':'onUpload',
			'allowed_extensions':'Images (.jpg .gif .png),*.jpg;*.gif;*.png'
		}

		swfobject.embedSWF("lib/simpleflashuploader_1.37.swf", "flashDiv", "250", "250", "9.0.0","lib/expressInstall.swf", flashvars, {allowScriptAccess:'always',wmode:'transparent'}, {id:'uploader',name:'uploader'});
//		document.getElementById('selectButton').onclick = f_browse;
	}
	else
	{
		document.getElementById('selectButton').style.display = 'none';
		document.getElementById('flashAlert').style.display = '';
	}

	btn.init();
}

addAnEvent(window,'load', function() { initCropTool();} );