Plappadu.Environment.Skin = new Object();

Plappadu.Environment.Skin = {
  imgTop                : "/img/top.gif",
  imgLeaf               : "/img/leaves.gif",
  background            : "/img/bg.gif",
  bgColor               : "#E9F1CD",
  postingsTop           : "/img/postings_top.gif",
  boxTopImg             : "/img/box_aUserTop.png",
  boxM1Img              : "/img/box_aUserMiddle.png",
  boxM2Img              : "/img/box_aUserMiddle.png",
  boxBotImg             : "/img/box_aUserBottom.png",
  boxTextColor          : "#FFFFFF",
  imgBoxLoginMSIE       : "/img/box_aLogin.gif",
  imgBoxLogin           : "/img/box_aLogin.png",
  boxLogoImg            : "",
  imgBoxArrow           : "/img/arrow_blue.gif",
  addIcon               : "/img/addIcon.gif",
  textAreaBorder        : "#0099CC",
  inputTextColor        : "#0099CC",
  icon1                 : "/img/emoticons/1.png",
  icon2                 : "/img/emoticons/2.png",
  icon3                 : "/img/emoticons/3.png",
  icon4                 : "/img/emoticons/4.png",
  icon5                 : "/img/emoticons/5.png",
  icon6                 : "/img/emoticons/6.png",
  icon7                 : "/img/emoticons/7.png",
  icon8                 : "/img/emoticons/8.png",
  icon9                 : "/img/emoticons/9.png",
  icon10                : "/img/emoticons/10.png",
  icon11                : "/img/emoticons/11.png",
  icon12                : "/img/emoticons/12.png",
  icon13                : "/img/emoticons/13.png",
  icon14                : "/img/emoticons/14.png",
  icon15                : "/img/emoticons/15.png",
  icon16                : "/img/emoticons/16.png",
  icon17                : "/img/emoticons/17.png",
  icon18                : "/img/emoticons/18.png",
  icon19                : "/img/emoticons/19.png",
  icon20                : "/img/emoticons/20.png",
  icon21                : "/img/emoticons/21.png",
  icon22                : "/img/emoticons/22.png",
  icon23                : "/img/emoticons/23.png",
  icon24                : "/img/emoticons/24.png",
  plappTop              : "/img/data_top.gif",
  plappCenter           : "/img/data_middle.gif",
  plappBot              : "/img/data_bottom.gif",
  plappAvatarBG         : "/img/avatar_bg.png",
  plappAvatarBGie6      : "/img/avatar_bg.gif",
  plappArrow            : "/img/arrow_white.gif",
  plappHeadColor        : "#0099CC",
  plappTextColor        : "#000000",
  plappFooterColor      : "#888888",
  plappBackColor        : "#99BC22",
  plappTabActiveColor   : "#99BC22",
  plappTabInactiveColor : "#B6D748",
  plappTabTextColor     : "#FFFFFF",
  stdBtnBackColor       : "#0098CB",
  stdBtnBorderColor     : "#0098CB",
  stdBtnTextColor       : "#FFFFFF",
  loBtnBackColor        : "#FF0000",
  loBtnBorderColor      : "#FF0000",
  loBtnTextColor        : "#FFFFFF",
  npTextColor           : "#8C8C8C",
  npLinkColor           : "#0099CC",
  npInputBColor         : "#849E29",
  npBgColor             : "#99BE1C"

}



function spIsMobileClient(userAgent) {
  var spMobileClients=[
    "midp",
    "240x320",
    "blackberry",
    "netfront",
    "nokia",
    "panasonic",
    "portalmmm",
    "sharp",
    "sie-",
    "sonyericsson",
    "symbian",
    "windows ce",
    "benq",
    "mda",
    "mot-",
    "opera mini",
    "philips",
    "pocket pc",
    "sagem",
    "samsung",
    "sda",
    "sgh-",
    "vodafone",
    "xda"
  ];
  try {
    userAgent=userAgent.toLowerCase();
    for (var i=0; i < spMobileClients.length; i++) {
      if (userAgent.indexOf(spMobileClients[i]) != -1) {
        return true;
      }
    }
  } catch (e) { // pssst.
  }
  return false;
}



Plappadu.Environment.Skin.getSkin = function(skin) {
/*
  spIsMobileClient(navigator.userAgent);
  var $width = screen.width;
  var ua = navigator.userAgent;
  ua = ua.toLowerCase();
*/
//  $width = 500;
//  var $width = window.innerWidth;  //Nur fuer Simulationen
// document.write("<!--"+spIsMobileClient(navigator.userAgent)+"-->");
  if(!spIsMobileClient(navigator.userAgent)) {  //Channelskin
    oSkin = ResourceLoader.getJsonObject('/json/ajax_getSkinEnv.php?skin='+skin);
    return oSkin;
  } else { //Handyskin
    document.location.href = "www.fanzeile.de/index_mob.html";
//    alert(ua.search(/symbian/));
    Plappadu.Environment.Skin.applyMobileSkin();
    return null;
  }
}

Plappadu.Environment.Skin.applySkin = function() {
  aktSkin = Plappadu.Environment.Skin.getSkin($skinToShow);
  if(aktSkin != null) {
    Plappadu.Environment.Skin = aktSkin;
    var skinStyles = document.getElementById("skinStyles");
    if(skinStyles == null) {
      var head = document.getElementsByTagName("head")[0];
      var st   = document.createElement("style");
      st.setAttribute("type", "text/css", false);
      st.setAttribute("id", "skinStyles", false);
      head.appendChild(st);
      skinStyles = document.getElementById("skinStyles");
    } else {
      if(Plappadu.Utils.Browser.isIE) {
        skinStyles.styleSheet.cssText = "";
      } else {
        skinStyles.innerHTML = "";
      }
    }
    var styleText = "";
    styleText += "#top { background-image: url("+aktSkin.imgTop+"); display: block; } ";

    img = "background";
    styleText += "body { background-image: url("+aktSkin.background+"); ";
    styleText += "background-color: "+aktSkin.bgColor+"; ";
    styleText += "}";
    img = "imgLeaf";
    if(Plappadu.Utils.Browser.isIE6) {
      styleText += "#leaves { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aktSkin.imgLeaf+"', sizingMethod='scale'); }";
    } else {
      styleText += "#leaves { background-image: url("+aktSkin.imgLeaf+"); }";
    }
    if(Plappadu.Utils.Browser.isIE6) {
      img = "imgBoxLoginMSIE";
      styleText += ".userLogin { background-image: url("+aktSkin.imgBoxLoginMSIE+") !important; }";
    } else {
      img = "imgBoxLogin";
      styleText += ".userLogin { background-image: url("+aktSkin.imgBoxLogin+") !important; }";
    }

    styleText += "#postings_top { background-image: url("+aktSkin.postingsTop+"); }";
    

    // OB
    if(Plappadu.Utils.Browser.isIE6) {
      styleText += ".aTop { background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aktSkin.boxTopImg+"', sizingMethod='scale'); }";
    } else {
      styleText += ".aTop { background-image: url("+aktSkin.boxTopImg+"); }";
    }

    if(Plappadu.Utils.Browser.isIE6) {
      styleText += ".aBottom { background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aktSkin.boxBotImg+"', sizingMethod='scale'); }";
    } else {
      styleText += ".aBottom { background-image: url("+aktSkin.boxBotImg+"); }";
    }

    if(Plappadu.Utils.Browser.isIE6) {
      styleText += ".aMain { background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aktSkin.boxM1Img+"', sizingMethod='scale'); }";
      styleText += ".aMain strong {color: "+aktSkin.boxTextColor+";}";
    } else {
      styleText += ".aMain { background-image: url("+aktSkin.boxM1Img+"); }";
      styleText += ".aMain strong {color: "+aktSkin.boxTextColor+";}";
    }

    styleText += "#furtherInformation_aFeaturedUser a { color: "+aktSkin.boxTextColor+";}";
    styleText += "#furtherInformation_featuring a { color: "+aktSkin.boxTextColor+"; font-weight: bold; text-decoration: underline; }";

    img = "boxTopImg";
    if(Plappadu.Utils.Browser.isIE6) {
      styleText += "#udTop, #featTop, #furtherInformation_aActions .aTop { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aktSkin.boxTopImg+"', sizingMethod='scale'); }";
    } else {
      styleText += "#udTop, #featTop, #furtherInformation_aActions .aTop { background-image: url("+aktSkin.boxTopImg+"); }";
    }
    img = "boxM1Img";
    if(Plappadu.Utils.Browser.isIE6) {
      styleText += "#udLogo, #furtherInformation_aActions .aMain { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aktSkin.boxM1Img+"', sizingMethod='scale'); }";
    } else {
      styleText += "#udLogo { background-image: url("+aktSkin.boxM1Img+"); }";
    }

    img = "boxM2Img";
    if(Plappadu.Utils.Browser.isIE6) {
      if(aktSkin.cobrandId != "2") {
        styleText += "#udMain, #featMain { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aktSkin.boxM2Img+"', sizingMethod='scale'); }";
      }
      styleText += "#udMain { height: 120px; }";
    } else {
      styleText += "#udMain, #featMain, #furtherInformation_aActions .aMain { background-image: url("+aktSkin.boxM2Img+"); }";
    }
    styleText += "#udMain label {color: "+aktSkin.boxTextColor+";}";
    img = "boxBotImg";
    if(Plappadu.Utils.Browser.isIE6) {
      styleText += "#udBottom, #featBottom, #furtherInformation_aActions .aBottom { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aktSkin.boxBotImg+"', sizingMethod='scale'); }";
    } else {
      styleText += "#udBottom, #featBottom, #furtherInformation_aActions .aBottom { background-image: url("+aktSkin.boxBotImg+"); }";
    }
    styleText += ".loggedUser, .userContactsData a, .loggedUser a, .login a { color:"+aktSkin.boxTextColor+"; }";

    img = "plappTop";
    if(Plappadu.Utils.Browser.isIE6) {
      styleText += "#postings div div.dataBlock .top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aktSkin.plappTop+"', sizingMethod='scale'); }";
    } else {
      styleText += "#postings div div.dataBlock .top { background-image: url("+aktSkin.plappTop+"); }";
    }
    img = "plappCenter";
    styleText += "#postings div div.dataBlock .middle { background-image: url("+aktSkin.plappCenter+"); }";

    img = "plappBot";
    styleText += "#postings div div.dataBlock .bottom { background-image: url("+aktSkin.plappBot+"); }";

    img = "imgBoxArrow";
    styleText += ".postingsUser div.avatar { background-image: url("+aktSkin.imgBoxArrow+"); }";

    img = "plappArrow";
    styleText += "#postings div.avatar { background-image: url("+aktSkin.plappArrow+"); }";

    img = "plappAvatarBG";

    if(Plappadu.Utils.Browser.isIE6) {
      img = "plappAvatarBGie6";
      styleText += "#postings div.postingElement { background-image: url("+aktSkin.plappAvatarBGie6+") !important; }";
    } else {
      styleText += "#postings div.postingElement { background-image: url("+aktSkin.plappAvatarBG+") !important; }";
    }

    styleText += "#postings div div.data a { color:"+aktSkin.plappHeadColor+"; }";
    styleText += "#postings div span.content { color:"+aktSkin.plappTextColor+"; }";
    styleText += "#postings div span.created { color:"+aktSkin.plappFooterColor+"; }";
    styleText += "#postings { background-color:"+aktSkin.plappBackColor+"; }";
    styleText += ".postNavi .active { background-color:"+aktSkin.plappTabActiveColor+"; color:"+aktSkin.plappTabTextColor+"; }";
    styleText += ".postNavi .inactive { background-color:"+aktSkin.plappTabInactiveColor+"; color:"+aktSkin.plappTabTextColor+"; }";
    styleText += ".postNavi a, .postNavi { color:"+aktSkin.plappTabTextColor+"; }";

    styleText += ".submit button, .submit input { background-color:"+aktSkin.stdBtnBackColor+"; border-color:"+aktSkin.stdBtnBorderColor+"; color:"+aktSkin.stdBtnTextColor+" !important; }";
    styleText += ".logout button { background-color:"+aktSkin.loBtnBackColor+"; border-color:"+aktSkin.loBtnBorderColor+"; color:"+aktSkin.loBtnTextColor+" !important; }";

    styleText += "#text2post { border-color: "+aktSkin.textAreaBorder+"; }";
    styleText += "#teaser.teaser, #teaser.teaser h1, #postings_top, #postings_top a, #teaser.teaser .addIcon a { color: "+aktSkin.inputTextColor+"; }";
    img = "addIcon";
    styleText += "#teaser.teaser .addIcon a { background-image: url("+aktSkin.addIcon+") !important; }";
    styleText += "#postings .nonPostings, .general_information { color: "+aktSkin.npTextColor+"; background-color: "+aktSkin.npBgColor+"; }";
    styleText += "#postings .nonPostings a, .general_information a { color: "+aktSkin.npLinkColor+"; }";
    styleText += "#postings .nonPostings input, #postings .nonPostings select, #postings .nonPostings textarea, .general_information input { border-color: "+aktSkin.npInputBColor+"; }";
    // Plappadu.log(styleText);
    if(Plappadu.Utils.Browser.isIE) {
      skinStyles.styleSheet.cssText = styleText;
    } else {
      skinStyles.innerHTML = styleText;
    }
  }
}

Plappadu.Environment.Skin.mobileSkinShowLogin = function() {
  var top = document.getElementById("top");
  var ihtml = "<span id=\"mobile_topNavi\"><a href=\"javascript:void(0);\" onclick=\"xshow('publicTimeline');\">alle Zeilen</a></span>";
  ihtml += "<div id='mobile_interaction'> </div>";
  top.innerHTML = ihtml;
  var mi = document.getElementById("mobile_interaction");
  ihtml = "<form id=\"mobile_loginForm\" class=\"login\" onsubmit=\"getUserFromServer('login', this); return false;\">";
  ihtml += "<label for=\"mobile_login_user\">Nickname</label><br />";
  ihtml += "<input id=\"mobile_login_user\" class=\"s10\" type=\"text\" name=\"login_user\"/><br />";
  ihtml += "<label for=\"mobile_login_pwd\">Passwort</label><br />";
  ihtml += "<input id=\"mobile_login_pwd\" class=\"s10\" type=\"password\" name=\"login_pwd\"/><br />";
  ihtml += "<span id=\"mobile_button_submit\">";
  ihtml += "<input type=\"submit\" value=\"Einloggen\" />";
  ihtml += "</span>";
  ihtml += "</form>";
  mi.innerHTML = ihtml;
}

Plappadu.Environment.Skin.mobileSkinLoggedIn = function() {
  var mlf = document.getElementById("mobile_loginForm");
  if(mlf != null) { mlf.style.display = "none"; }
  var top = document.getElementById("top");
  var ihtml = "<span id=\"mobile_topNavi\"><a href=\"javascript:void(0);\" onclick=\"xshow('publicTimeline');\">alle Zeilen</a> |<a href='javascript:void(0);' onclick=\"logout(); xshow('publicTimeline'); Plappadu.Environment.Skin.mobileSkinShowLogin();\">Ausloggen</a> |<a href=\"javascript:xshow('home');\">Freunde und ich</a></span>";
  ihtml += "<div id='mobile_interaction'> </div>";
  top.innerHTML = ihtml;
  Plappadu.Environment.Skin.mobileSkinShowPlappBox();
}

Plappadu.Environment.Skin.mobileSkinShowPlappBox = function() {
  var mi = document.getElementById("mobile_interaction");
  mi.innerHTML = "";
  ihtml = "<form id=\"form2post\" onsubmit=\"sendPosting(); return false;\">";
  ihtml += "<textarea id=\"text2post\" onkeyup=\"proofPostSigns();\" name=\"text2post\"></textarea>";
  ihtml += "<input id=\"emoticon\" type=\"hidden\" value=\"\" name=\"emoticon\"/>";
  ihtml += "<input type=\"hidden\" value=\"2\" name=\"channelId\"/>";
  ihtml += "<span class=\"button submit\">";
  ihtml += "<input type=\"submit\" value=\" \"/>";
  ihtml += "</span>";
  ihtml += "<span id=\"signs2post\">";
  ihtml += "<span id=\"signNumber\">0</span>";
  ihtml += " von 130 Zeichen";
  ihtml += "</span>";
  ihtml += "</form>";
  mi.innerHTML = ihtml;
}


Plappadu.Environment.Skin.applyMobileSkin = function() {
  document.getElementById("madeby_cynapsis").style.display = "none";
  var top = document.getElementById("top");
  var ihtml = "<span id=\"mobile_topNavi\"><a href=\"javascript:void(0);\" onclick=\"xshow('publicTimeline');\">alle Zeilen</a></span>";
  ihtml += "<div id='mobile_interaction'> </div>";
  top.innerHTML = ihtml;
  Plappadu.Environment.Skin.mobileSkinShowLogin();
  var skinStyles = document.getElementById("skinStyles");
  if(skinStyles == null) {
    var head = document.getElementsByTagName("head")[0];
    var st   = document.createElement("style");
    st.setAttribute("type", "text/css", false);
    st.setAttribute("id", "skinStyles", false);
    head.appendChild(st);
    skinStyles = document.getElementById("skinStyles");
  } else {
    if(Plappadu.Utils.Browser.isIE) {
      skinStyles.styleSheet.cssText = "";
    } else {
      skinStyles.innerHTML = "";
    }
  }
  var styleText = "";
  styleText += "#main { left:0; margin-left:0; position:absolute; width: auto; } ";
  styleText += "#top, #furtherInformation_aRegisterNow, #furtherInformation_aFeaturedUser, #footer, #footer_bg, #postings_top, #actions, #teaser { display: none; } ";
  styleText += "#postings div.avatar { display: none; } ";
  styleText += "#top { background-image:url(img/mobile/bg_logo_header.gif); background-position:left top; background-repeat:repeat-x; position:relative; display: block; background-color:#F3F3F3; } ";
  styleText += "#postings_parent { position: relative; width: auto; margin:0; }"; 
  styleText += "#postings div.postingElement { width: auto; } ";
  styleText += ".postingElement { width: auto; } ";
  styleText += "#postings div div.data, .dataBlock, .middle, .top, .bottom, #postings_content { width: auto !important; } ";
  styleText += "#main { width: "+window.innerWidth+"px; } ";
  styleText += ".data { font-size: 9px !important; } ";
  styleText += "a { color: #02B0F1; } ";
  styleText += "#mobile_topNavi a { color: #FFF; margin-left: 5px; } ";
  styleText += "#mobile_topNavi { color: #FFF; } ";
  styleText += "#mobile_interaction { color: #FFF; margin-top: 25px; } ";
  styleText += "#mobile_loginForm { padding-top: 35px; color:#000; font-weight: normal; font-size: 9px; } ";
  styleText += "#mobile_loginForm input { color:#000; font-weight: normal; font-size: 9px; border: 1px solid #000; } ";
  styleText += "#top { height: auto; } #mobile_button_submit input { position: relative; background: none; border: none; background-image:url(img/fanzeile/rundbutton_ani.gif); height: 25px; background-repeat: no-repeat; padding-left: 30px; font-weight: bold; } #loginForm input { margin-bottom: 5px; } "; 
  styleText += ".postingActions { display: none; } ";
  styleText += ".emotionIcon { display: none; } ";
  styleText += "#form2post { margin-left: 5px; margin-top: 55px; width: "+(window.innerWidth-20)+"px; } #text2post { width: "+(window.innerWidth-30)+"px; border: 1px solid #000; } ";
  styleText += "#signs2post { color: #000; } "; 
  styleText += "#postNavi a { color: #000; padding: 2px; margin: 0 } #postNavi { padding-bottom: 2px; border-bottom: 1px solid #000; } .postNavi span { padding: 2px; border: 1px solid #000; } .postNavi span span { border: none; }"; 
  styleText += "#form2post span.button input { color: red; background: none; border: none; background-image:url(img/fanzeile/btn_send.gif); background-repeat: no-repeat; width: 80px; height: 25px;} "; 
  styleText += "#postings_content { background: none; } ";
  
  if(Plappadu.Utils.Browser.isIE) {
    skinStyles.styleSheet.cssText = styleText;
  } else {
    skinStyles.innerHTML = styleText;
  }
}