browser  = "";
app_name = window.navigator.userAgent;
app_name = app_name.toLowerCase();;  
brs_name = window.navigator.appName; 
brs_name = brs_name.toLowerCase();
if ((brs_name.indexOf("explorer") >= 0) || (app_name.indexOf("explorer") >= 0)){ browser  = "ie" ;}
if ((brs_name.indexOf("opera") >= 0) || (app_name.indexOf("opera") >= 0)){ browser  = "opera" ;}
    
var objectLayer;	// 

function getMethod(){
 if (document.all){
  objectLayer = 'document.all[\'';
  objectStyle = '\'].style';
  objectPos   = '\']'; 
 } 
 else{
   if(document.layers){
      objectLayer = 'document.layers[\''; 
      objectStyle = '\']'; } 
   else{ 
      if (document.getElementById){
        objectLayer = 'document.getElementById(\''; 
        objectStyle = '\').style';
        objectPos   = '\')';  
      } 
      else {}  
   } 
 }
}

function modLayer(nameLayer,actionLayer,tD){ 
if (objectLayer) {
 layerString = objectLayer + nameLayer + objectStyle + actionLayer + tD;
 layer = eval(layerString);
} 
}




if(browser != "ie"){document.captureEvents(Event.MOUSEMOVE); document.captureEvents(Event.MOUSEUP);}
document.onmousemove	= mousePos; 
document.onmouseup 		=	stopMov;




var halfwidth;
var halfheight;
var moving = 0;
var firstc = 0;
var hh;
var ww;
var sheight= 0; 
var swidth = 0;
var ww2;
var hh2;
var x_stop = 26; if(browser == "ie"){x_stop = 22;}
var y_stop = 58; if(browser == "ie"){y_stop = 54;}


function mousePos(e) {

		var xPos = e? e.pageX : window.event.x;
    var yPos = e? e.pageY : window.event.y;
    xPos -= halfwidth;
    yPos -= 16;
   
    if(moving == 1){
    	  
    	  if(xPos > (ww - swidth  - x_stop ) ){xPos = (ww - swidth  - x_stop );}
    	  if(yPos > (hh - sheight - y_stop ) ){yPos = (hh - sheight - y_stop );}
    	  if(xPos < 4 ){xPos = 4;}
    	  if(yPos < 4 ){yPos = 4;}
    	  xStr = '\'' + xPos + 'px\'';
    	  yStr = '\'' + yPos + 'px\'';

    	  modLayer('preview', '.left=', xStr);
    	  modLayer('preview', '.top=',  yStr);
    }      
}

function moveDiv(c){
    if(c == 0){
    	moving = 0;
			stat = "address_n";
    }
    if(c == 1){
    	moving = 1;
			stat = "address_d";
    }
		setStyle('paddress',stat);
    noTextSelect();
}

function stopMov() {
    moving = 0;
    noTextSelect();
}

function noTextSelect(){
		//document.getElementById("selectme").select();
		disableSelection(document.body);
}

function showPopup(previewurl,n, iw, ih, h, l){

		if(browser == "ie"){
   		ww = document.body.clientWidth;
   		hh = document.body.clientHeight;
		}
		else{
   		ww = window.innerWidth;
   		hh = window.innerHeight;
		}
		
		var headertxt = h;

		/*
		if(s== 1){
				items		= previews_s.split(separtr);
		}
		if(s== 2){
				items		= previews_l.split(separtr);
		}
		*/
		items		= previews_s.split(separtr);

    var lclose	= 'close window';
    var zoomin	= 'zoom in';
    var zoomout = 'zoom out';
    if(l == 'de'){lclose	= 'Fenster schliessen'; zoomin	= 'Ansicht einzoomen'; zoomout	= 'Ansicht auszoomen'; }

    var towrite = ''; //'<tr><td align="left" colspan="2" style="height: 22px; background-color: #FFFFFF"><a class="btn_zoomin" title="' + zoomin + '" href="javascript:showPopup(' + n + ',2, \'' + headertxt + '\', \'' + l + '\')"></a></td></tr>';
    // if(s == 2){towrite = '<tr><td align="right" colspan="2" style="height: 22px; background-color: #FFFFFF"><a class="btn_zoomout" title="' + zoomout + '" href="javascript:showPopup(' + n + ',1, \'' + headertxt + '\', \'' + l + '\')"></a></td></tr>';}

    var imgtag	= '';
//    var imgsrc	= imgpath + items[n];
    var imgsrc	= previewurl;
    swidth			= iw;
    sheight			= ih;
		//if(s == 2){swidth	= 600; sheight = 480;}

    imgtag += '<img src="' + imgsrc + '" style="border: 1px solid #666666" width="' + swidth + '" height="' + sheight + '" alt="" />';

    headerblock = '<tr><td><div id="paddress" class="address_n" onMousedown="moveDiv(\'1\')" onMouseUp="moveDiv(\'0\')" style="width: ' + (swidth - 24) + 'px; height: 15px">' + headertxt + '</div></td><td style="width: 17px" align="right" valign="middle"><a href="javascript:closePopup()" title="' + lclose + '"><img src="' + imgpath + 'preview_close.png" style="user-select: none; margin: 4px 4px 0px 0px" border="0" /></a></td></tr>';
    towrite = '<table style="background-color: #E0E0E0; border: 1px solid #666666" cellpadding="0" cellspacing="0">' + headerblock + '<tr><td colspan="2" style="padding: 4px">' + imgtag + '</td></tr>' + towrite + '</table>';
    wa = document.getElementById("preview");
    wa.innerHTML  = towrite;
    modLayer('preview', '.visibility=','\'visible\'');

    halfwidth = swidth  / 2;
    halfheight= sheight / 2; 
    ww2 =  ( ww / 2 )  - halfwidth ;
    hh2 =  ( hh / 2 )  - halfheight ;

		div_x = wa.style.left;	div_x = (div_x).split("px");	div_x = div_x[0];
		div_y = wa.style.top;		div_y = (div_y).split("px");	div_y = div_y[0];
   
    ww2 = parseInt(ww2) + 'px';	// global gespeichert
    hh2 = parseInt(hh2) + 'px';	// global gespeichert

    
    if(div_x > (ww - swidth  - x_stop ) ){ww2 = (ww - swidth  - x_stop )  + 'px';	firstc = 0;}
    if(div_y > (hh - sheight - y_stop ) ){hh2 = (hh - sheight - y_stop )  + 'px';	firstc = 0;}
   
    if(firstc == 0 ){ modLayer('preview', '.left=','ww2');  modLayer('preview', '.top=','hh2'); }
    firstc = 1;
}

function closePopup(){
    wa 	= document.getElementById("preview");
    wa.innerHTML  = "";
    modLayer('preview', '.visibility=','\'hidden\'');	
}

function setStyle(id,stat){
  if(!document.layers){
    if (browser == "ie" && document.all && (app_name.indexOf("opera") == -1) == true ){
       codeStart = "document.all.";
       codeEnd = "";
    }
    else{
       codeStart = "document.getElementById('";
       codeEnd = "')";
    }
    todo = codeStart + id +codeEnd + ".className = \"" + stat + "\";";
    eval(todo);
  }
}


/***********************************************
* Disable Text Selection script- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
	target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
	target.style.MozUserSelect="none"
else //All other route (ie: Opera)
	target.onmousedown=function(){return false}
	target.style.cursor = "default"
}