﻿function inaktiv(TextBoxID)
{
   document.getElementById(TextBoxID).disabled = true;
   document.getElementById(TextBoxID).style.backgroundColor="#f2f2f2"
   document.getElementById(TextBoxID).value = ""
}

function aktiv(TextBoxID)
{
   document.getElementById(TextBoxID).disabled = false;
    document.getElementById(TextBoxID).style.backgroundColor="#ffffff"
  
}


function hide(divpanel)
{
    /*
    divPanel = Übergabe der PanelID (wird im html als Div gerendert)
    wechselt anzeige (hidden) für panels z.B. in den Formularen
    Ins Panel-Tag muss folgendes mit eingetrgaen sein - style="visibility:hidden;display:none"
    -
    Sample für z.B. bei Click eines Button
    IDButton.Attributes.Add("onclick", "hide('" & panelID.ClientID & "');")
    -
    */
   document.getElementById(divpanel).style.visibility = "hidden";
   document.getElementById(divpanel).style.display = 'none';
        
}

function show(divpanel)
{
    /*
    divPanel = Übergabe der PanelID (wird im html als Div gerendert)
    wechselt anzeige (show) für panels z.B. in den Formularen - 
    Ins Panel-Tag muss folgendes mit eingetrgaen sein - style="visibility:hidden;display:none"
    -
    Sample für z.B. bei Click eines Button
    IDButton.Attributes.Add("onclick", "show('" & panelID.ClientID & "');")
    -
    */
   document.getElementById(divpanel).style.visibility = "visible";
   document.getElementById(divpanel).style.display = 'block';
        
}


function showhideLogin(showPanelID, hidePanelID)
{
   document.getElementById(showPanelID).style.visibility = "visible";
   document.getElementById(showPanelID).style.display = 'block'
   document.getElementById(hidePanelID).style.visibility = "hidden";
   document.getElementById(hidePanelID).style.display = 'none'    
}

function TextClearFocus (Id, Text)
{
 if (document.getElementById(Id).value == Text)
 {
   document.getElementById(Id).value = ""
 }
 
}
function TextClearBlur (Id, Text) {
  if (document.getElementById(Id).value == "")
   {
     document.getElementById(Id).value = Text
   }
}

function switchselStaat(selBoxID, panelStaatID)
{
    /*wechslet anzeige für textbox Staat bei USA für z.B. manuelle Adresseingabe*/
    if(document.getElementById(selBoxID).value == "840")
        {
        document.getElementById(panelStaatID).style.display = 'block'
        }
    else
        {
        document.getElementById(panelStaatID).style.display = 'none'
        }
}

function selectAllAddr(objRefCheckBox)
{
   var myvalue = document.getElementById(objRefCheckBox).checked;
    
    for (var i = 0;i < document.forms[0].elements.length;i++)
    {
        if(document.forms[0].elements[i].id.indexOf("chkAdr") != -1)
        {
            document.forms[0].elements[i].checked = myvalue;
        }
    }
}

var labelrowsize = 0;
var arr_colors = new Array();
    arr_colors[0] = "#ffffff";
    arr_colors[1] = "#ffffff";
    arr_colors[2] = "#ff6600";

function setLabel(rows, spanref, maxrows)
{
    var i;
    var display = "none";
    var visibility = "hidden";
    var imagenameid = 0;
    var borderwidth = "0px";
    for(i=1; i<=maxrows; i++)
	{
	    imagenameid = 0;
	    display = "block";
        visibility = "visible";
        borderwidth = "1px";
        if(i > rows)
		{
		    imagenameid = 1;
		    display = "none";
            visibility = "hidden";
            borderwidth = "0px";
		}   
		document.getElementById(spanref+"1"+i).style.background = arr_colors[imagenameid];
		document.getElementById(spanref+"1"+i).style.display = display;
		document.getElementById(spanref+"1"+i).style.borderWidth = borderwidth;
		document.getElementById(spanref+"1"+i).style.visibility = visibility;

		document.getElementById(spanref+"2"+i).style.background = arr_colors[imagenameid];
		document.getElementById(spanref+"2"+i).style.display = display;
		document.getElementById(spanref+"2"+i).style.borderWidth = borderwidth;
		document.getElementById(spanref+"2"+i).style.visibility = visibility;
	}   
}



function labelOnChange(mytype, selectedvalue, tablerowref, tableref, labelref, spanref, xref, yref, maxrows, panImageRef)
{
    //alert (labelref);
    /*
    mytype          =   0 = neutral label, 1 = barcode, 2 = gls-maxi
    selectedvalue   =   value selected at the label dropdown
    tableref        =   ID/reference of the table that to show if label selected
    tablerowref     =   ID/reference of the row that to show if label selected
    labelref        =   ID/reference of the label that to show if label selected
    spanref         =   identifies span/label-ClientID of the first label field
    x               =   saved clicked xpos if page is posted
    y               =   saved clicked ypos if page is posted
    xref            =   ID/reference of the hiddenfields they save the selected labelpos X
    yref            =   ID/reference of the hiddenfields they save the selected labelpos Y    
    maxrows         =   max. number of rows to show
    */
    
    switch(mytype)
    {
       case 1: //barcode
            labelrowsize = parseInt(selectedvalue.substr(5,2));   
            
            var tablerow = tablerowref.substring(0,tablerowref.length-1);
            document.getElementById(tableref).style.visibility = "hidden";
            document.getElementById(tableref).style.display = "none";
            document.getElementById(labelref).style.visibility = "hidden";
            if(parseInt(labelrowsize)>1)
            {
                document.getElementById(tableref).style.visibility = "visible";
                document.getElementById(tableref).style.display = "block";
                document.getElementById(labelref).style.visibility = "visible";
                for(i=1;i<=maxrows;i++)
                {
                    if(i<=labelrowsize)
                    {
                        document.getElementById(tablerow+i).style.visibility = "visible";
                        document.getElementById(tablerow+i).style.display = "block";
                    }
                    else
                    {
                        document.getElementById(tablerow+i).style.visibility = "visible";
                        document.getElementById(tablerow+i).style.display = "block";
                    }
                }
            }
            var x = document.getElementById(xref).value;
            var y = document.getElementById(yref).value;
            
            if (y > parseInt(labelrowsize)) // wenn Etikett wechselt und weniger Rows hat als vorher
            {
                y = parseInt(labelrowsize);
                document.getElementById(yref).value = labelrowsize;
            }
            
            
            clickLabel(x,labelrowsize,spanref,xref,yref,maxrows);
            //alert(labelrowsize);
            //alert(selectedvalue);
            //if (parseInt(labelrowsize) <= 4  & selectedvalue != "302,01")
            if (parseInt(labelrowsize) > 1)
            {
                document.getElementById(panImageRef).style.visibility = "visible";
                document.getElementById(panImageRef).style.display = "block";
            }
            else
            {
                document.getElementById(panImageRef).style.visibility = "hidden";
                document.getElementById(panImageRef).style.display = "none";
                
            }
            
        break;
    }
}

function clickLabel(x, y, spanref, xref, yref, maxrows)
{
    /*
    x           =   x-position clicked
    y           =   y-position clicked
    spanref     =   identifies span/label-ClientID of the first label field 
    xref        =   ClientID of the hidden field that saves the xpos   
    yref        =   ClientID of the hidden field that saves the ypos
    maxrows     =   max. number of rows to show
    */
    setLabel(labelrowsize, spanref, maxrows);
    if(labelrowsize==0)
    {
        document.getElementById(spanref + x + y).style.background = arr_colors[1];
    }
    else
    {
        document.getElementById(spanref + x + y).style.background = arr_colors[2];
    }
    if(xref!='' && yref!='')
    {
        document.getElementById(xref).value = x;
        document.getElementById(yref).value = y;
    }
}



function setTopNavi(selItem, pkRef, fkRef, ixRef, imgroot, mainNaviPicID, leftPicRef, centerPicRef)
{
    /*
        Javascript needs references to the ClientIDs, they are generared by ASP.NET,
        like "ctl00_imgTopNaviLeftPrivateCustomers"
        
        selItem         = Item that has to be highlighted
        pkRef           = reference to the ClientID of the image "Privatkunden" (topnavileft) - selItem 1
        fkRef           = reference to the ClientID of the image "Firmenkunden" (topnavileft) - selItem 2
        ixRef           = reference to the ClientID of the image "iloxxAG" (topnavileft) - selItem 3
        imgroot         = imagepath ("~"), javascript cannot work with "~" from ASP.NET
        mainNaviPicID   = PictureID, delivered by Page
        leftPicRef      = reference to the ClientID of the diagonal image
        centerPicRef    = reference to the ClientID of the center image
    */
    //default image-format for the topnavicenterpic
    var imgType = ".gif"
    if(mainNaviPicID > 10)
    {
        //image-format, if page is not a main page (default, privatkunden, firmenkunden, iloxx AG)
        imgType = ".jpg"
    }
    var picArray = Array('0',pkRef,fkRef,ixRef);
    // set topnavileft to default (not hightlighted)
    document.getElementById(pkRef).src = imgroot + "images/topnavileft/1_0.gif";
    document.getElementById(fkRef).src = imgroot + "images/topnavileft/2_0.gif";
    document.getElementById(ixRef).src = imgroot + "images/topnavileft/3_0.gif";
    
    // If page not default page - 1, 2 or 3 to be highlighted
    if(selItem != '0')
    {
        document.getElementById(picArray[selItem]).src = imgroot + "images/topnavileft/" + selItem + "_1.gif";
    }
    // diagonal image for the mainNaviPicID
    document.getElementById(leftPicRef).src = imgroot + "images/topnavicenter/" + mainNaviPicID + "/" + mainNaviPicID + "_" + selItem + imgType;
    
    // center Pic
    if(mainNaviPicID == '0')
    {
       document.getElementById(centerPicRef).src = imgroot + "images/topnavicenter/" + selItem + "/" + selItem + imgType;
    }
}



function showShipBackCond()
{
    mainWindow = window.open('http://www.iloxx.de/webpopups/pop_preisinfo.asp?pr=paket','Cond','width=440,height=400,resizable=yes,scrollbars=yes');
    mainWindow.focus();
}

function showPopUp(file, windowname, popwidth, popheight, scrollbar)
// allgemeine Popupfunktion
{
    var mainWindow = window.open(file,windowname,'width='+popwidth+',height='+popheight+', scrollbars='+scrollbar+'');
    mainWindow.focus();
}