var globalzindex = 0;
var selectedWindows = new Array();

function makeElement(tag,text,attributes){
	var attstr;
	if(s2381ns||s2381op) 
		var node = document.createElement(tag);

	for(var att in attributes){
		if(s2381ns||s2381op)
			node.setAttribute(att, attributes[att]);
		else
			attstr += " "+att+"=\""+attributes[att]+"\"";

	}

	if(!s2381ns && !s2381op) 
		var node = document.createElement("<"+tag+attstr+">");


	if(text.length >0){
		var ntext = document.createTextNode(text);
		node.appendChild(ntext);
	}

		return node;
	}



function mybody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}


function sWindow(id){
	this.x = 0;
	this.y = -1000;

	this.xoff = 0;
	this.yoff = 0;

	this.id = id;
	this.zindex = id;

	this.basefontsize = 0.8;
	this.basewidth = 300;
	this.zoom = 1;

	this.selected = false;
	this.active = false;


	this.setText = function(text){
		var layer = "";
		if(s2381ns) layer = "<div style=\"position: absolute; top: 0px; left: 0px; z-index:10; width:100%; height:100%;\";></div>";
		this.handle.innerHTML = layer + text;
	//	this.moveWindow();
	};

	this.hideWindow = function(){
		this.y = -1000;
		this.moveWindow();
	}

	this.centerWindow = function(){
	
	var r=s2381ie&&!window.opera? mybody().clientWidth : window.innerWidth-20;
	var o=s2381ie&&!window.opera? mybody().clientHeight : window.innerHeight-20;
	this.x = (r/2) - (this.handle.offsetWidth/2);
	this.y = (o/2) - (this.handle.offsetHeight/2);
	
	if(s2381ns || s2381op){
	 this.handle.style["position"] = "fixed";
	 this.shadows["sul"].style["position"] ="fixed";
	 this.shadows["sro"].style["position"] ="fixed";
	 this.shadows["su"].style["position"] ="fixed";
	 this.shadows["sr"].style["position"] ="fixed";
	 this.shadows["se"].style["position"] ="fixed";
	  
	}
	else {
	this.x += mybody().scrollLeft;
	this.y += mybody().scrollTop;
	}
		 

	this.moveWindow();
	this.moveShadows();
	}

	this.getMouse = function(e){
		var X=(s2381ns)?e.pageX : event.x+mybody().scrollLeft;
		var Y=(s2381ns)?e.pageY : event.y+mybody().scrollTop;

		this.xoff = this.x - X;
		this.yoff = this.y - Y;

	}

	this.raise = function(){

	    if(this.zindex < globalzindex-1){
	    this.zindex = globalzindex;
	    globalzindex++;
	    this.handle.style.zIndex = this.zindex;
	    this.shadows["sul"].style.zIndex = this.zindex;
	    this.shadows["sro"].style.zIndex = this.zindex;
	    this.shadows["su"].style.zIndex = this.zindex;
	    this.shadows["sr"].style.zIndex = this.zindex;
	    this.shadows["se"].style.zIndex = this.zindex;
	    
	   
	    }

            this.handle.style.borderStyle = "solid";
	
	}
	
	this.drag = function(e){
		var X=(s2381ns)?e.pageX : event.x+mybody().scrollLeft;
		var Y=(s2381ns)?e.pageY : event.y+mybody().scrollTop;


	 this.x = this.xoff +X;
	 this.y = this.yoff +Y;

	 this.moveWindow();

	}
	
	this.followMouse = function(e){
		var X=(s2381ns)?e.pageX : event.x+mybody().scrollLeft;
		var Y=(s2381ns)?e.pageY : event.y+mybody().scrollTop;

		var re=s2381ie&&!window.opera? mybody().clientWidth-event.clientX-15 : window.innerWidth-e.clientX-15-20;
		var be=s2381ie&&!window.opera? mybody().clientHeight-event.clientY-15 : window.innerHeight-e.clientY-15-20;

		if (re<this.handle.offsetWidth)
			this.x=s2381ie? mybody().scrollLeft+event.clientX-(this.handle.offsetWidth-re) : window.pageXOffset+e.clientX-(this.handle.offsetWidth-re);
		else
			this.x=X+15;

		if (be<this.handle.offsetHeight)
			this.y=s2381ie? mybody().scrollTop+event.clientY-this.handle.offsetHeight : window.pageYOffset+e.clientY-(this.handle.offsetHeight);
		else
			this.y=Y+15;
		
		this.moveWindow();
}

	this.moveWindow = function(){
		this.handle.style.top = this.y+"px";
		this.handle.style.left = this.x+"px";
//		this.moveShadows();

	}

	this.hideShadows = function(){
	
		this.shadows["se"].style.top  = "-1000px";
		this.shadows["su"].style.top  = "-1000px";
		this.shadows["sul"].style.top  = "-1000px";
		this.shadows["sro"].style.top  = "-1000px";
		this.shadows["sr"].style.top  = "-1000px";
	
	}

	this.moveShadows = function(){
		// Schatten
		this.shadows["se"].style.top  = (this.y + this.handle.offsetHeight )+"px";
		this.shadows["se"].style.left = (this.x + this.handle.offsetWidth )+ "px";	
		this.shadows["su"].style.top  = (this.y + this.handle.offsetHeight )+"px";
		this.shadows["su"].style.left = (this.x + 6)+ "px";
		this.shadows["su"].style.width= (this.handle.offsetWidth-6)+"px";
//		this.shadows["su"].width= (this.handle.offsetWidth-6)+"";
		this.shadows["su"].style.height= "6px";
//		this.shadows["su"].height= "6";
		this.shadows["sul"].style.top  = (this.y + this.handle.offsetHeight )+"px";
		this.shadows["sul"].style.left = (this.x)+ "px";	
		this.shadows["sro"].style.top  = (this.y)+"px";
		this.shadows["sro"].style.left = (this.x + this.handle.offsetWidth)+ "px";	
		this.shadows["sr"].style.top  = (this.y+6)+"px";
		this.shadows["sr"].style.left = (this.x + this.handle.offsetWidth)+ "px";	
		this.shadows["sr"].style.height=(this.handle.offsetHeight -6)+"px";
		this.shadows["sr"].style.width= "6px";

//		this.shadows["su"].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://sneeg.com/s/su.png', sizingMethod='scale')";
	}


        this.makeActive = function(){
         if(!movewindow){
  	 this.handle.style.backgroundColor = "#5555FF";
	 this.active = true; 
	 }
	}

	this.makeInactive = function(){
  	 this.handle.style.backgroundColor = "";
	 this.active = false;
	}


        this.select = function(mode){
	var tmp = " ";
	 if(mode == false){
	  for (var j = 0; j < selectedWindows.length; ++j){
	    w[selectedWindows[j]].selected=false;
	    w[selectedWindows[j]].handle.style.borderColor = "#666666";
	    //w[selectedWindows[j]].zoomWindow(0.8);
	    w[selectedWindows[j]].hideShadows();
	  }
	 selectedWindows = new Array(); 
	 }
	 
	 selectedWindows.push(this.id); 
	 
	 this.handle.style.borderColor = "#3333FF";
	 this.selected = true;
	 //this.zoomWindow(1.0);
	}

	this.deselect = function(){
	 this.handle.style.borderColor = "#666666";
	 this.selected = false;
	 //this.zoomWindow(0.8);
	 this.hideShadows();
	 var newsel = new Array();
	 for (var j = 0; j < selectedWindows.length; ++j){
	             if(selectedWindows[j] != this.id){
		    	 newsel.push(selectedWindows[j]);
		     
		     }
	 }
	 selectedWindows = newsel;
			       
	}

	this.zoomWindow = function(z){
	 this.zoom = z;
	 var tmph; var tmpw;
	 tmph = this.handle.offsetHeight;
	 tmpw = this.handle.offsetWidth;
	 
	 this.handle.style.fontSize = (this.zoom * this.basefontsize)+"em";
	 this.handle.style.width = Math.round((1 - ((1 - this.zoom)*0.5)) * this.basewidth);

	 this.x = this.x - Math.round(-0.5 * (tmpw - this.handle.offsetWidth));
	 this.y = this.y - Math.round(-0.5 * (tmph - this.handle.offsetHeight));
/*
	 if(document.getElementById("img"+this.id)){
		 //	 document.getElementById("img"+this.id).style.width= Math.round(this.zoom * document.getElementById("img"+this.id).width) +"em"
		 document.getElementById("img"+this.id).style.maxWidth=Math.round(80*this.zoom); 
		 document.getElementById("img"+this.id).style.maxHeight=Math.round(80*this.zoom); 
}*/
	 this.moveWindow();

	}


this.zindex = globalzindex;
globalzindex++;

var att = new Object();
	//att["id"]="s2381helpbox";
	att["style"]="color: #000000; text-align: left; width: "+(Math.round(this.zoom * this.basewidth))+"px; border: 1px dotted #666666; top: -300px; position: absolute;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: "+(this.zoom * this.basefontsize)+"em; z-index:"+this.zindex+";padding: 2px; cursor:default;";

	if(s2381ns)
//		att["style"] += "background-color: #FFF; opacity: 0.90;"
		att["style"] += "background-image:url(http://sneeg.com/s/80pct.png)";
	else if(s2381op)
		att["style"] += "background-image:url(http://sneeg.com/s/80pct.png)";
	else
		att["style"] += "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://sneeg.com/s/80pct.png', sizingMethod='scale')";

		att["onmouseover"] = "if(!movewindow) aw = "+this.id +"; w[aw].makeActive(); return true;";
		att["onmouseout"] = "if(!movewindow) { w[aw].makeInactive(); aw = -1;} return true;";
		//att["onclick"] = "w[aw].select(); return true;";
			   

	this.handle = body.appendChild(makeElement("div","",att));
	this.shadows = new Object();
	var shadownames = new Array("se","su","sul","sro","sr");

	var i ;
	for(i=0; i < shadownames.length; i++){
		var ida = shadownames[i];	
//		att["id"] = "s2381"+ida; 

		if(!s2381ie||s2381op){
			att["src"] = "http://sneeg.com/s/"+ida+".png";
			att["style"] = "position: absolute; top: -10px; z-index: "+this.zindex;
		}
		else{
			att["src"] = "http://sneeg.com/1.gif";
			att["style"] = "position: absolute; height: 6px; width: 6px; top: -100px;z-index:"+(this.zindex -10)+"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://sneeg.com/s/"+ida+".png', sizingMethod='scale')";
		}
		this.shadows[ida] = body.appendChild(makeElement("img","",att));
	}

	//return window;
}