var skwidget = {};
var formcontents;
var formmodal;
var placeholder;
var prid;
var weid;
var mkid;
var txtcolor;
var txtsize;
var formwidth;
var formheight;
var bgcolor;
var randomizer;
var element;
var skurl = 'http://www.sexkontakt.com/iframe.php';

skwidget.formTemplate = function(formmodalid) {
  formHeightWithClose = parseInt(formheight) + 10;

  //Get the window height and width
  winW = document.getElementsByTagName('body')[0].clientWidth;
  winH = document.getElementsByTagName('body')[0].clientHeight;
  divtop = winH/2-formheight/2;
  divleft = winW/2-formwidth/2;

  if (divtop > 10 || divtop < 0) {
	  divtop = 8.3;
  }
  
  cleanBgColor = bgcolor.replace("#", "%23");
  cleanTxtColor = txtcolor.replace("#", "%23");
  
  sktemplate = '<div id="skmodalregistrationform" style="z-index: 100; padding: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: '+bgcolor+'; color: '+txtcolor+'; text-align: left; border: 1px solid #000000; position: absolute; width: '+formwidth+'px; height: '+formHeightWithClose+'px; left: '+divleft+'px; top: '+divtop+'px;">\n\
    <div>\n\
	  <div style="text-align: right; *width: '+formwidth+'px;"><img onclick="closeSKForm();" src="http://www.lovemoney.de/front/v2/img/promolist/icon_button_close.gif" style="width: 15px; height: 15px;" alt="Close"/></div>\n\
      </div>\n\
      <iframe src="'+skurl+'?ismodal=true&bgcolor='+cleanBgColor+'&txtcolor='+cleanTxtColor+'&txtsize='+txtsize+'&formwidth='+formwidth+'&formheight='+formheight+'&prid='+prid+'&mkid='+mkid+'&weid='+weid+'" style="background-color: '+ bgcolor +'; color: '+ txtcolor +'" width="'+formwidth+'px" height="'+formheight+'px" frameborder="0" scrolling="no"></iframe>\n\
    </div>\n\
  </div>';
  return sktemplate;
}

skwidget.getButtonCode = function(buttonsize) {
    switch(buttonsize) {
    case "88.31":
        code = '<div style="background-color: '+bgcolor+'; font-family: serif; font-weight: normal; text-align: center; font-size: 9px; width: 88px; height: 31px; border: 1px solid #000000; margin: 0px; padding: 0px;"><div style="padding-top: 4px;"><div style="margin: 0px; border: 0px; padding: 0px;">Kontakt zu anderen</div><div style="margin: 0px; border: 0px; padding: 2px 0px 0px;">Mitgliedern!</div></div></div>';
        break;
    case "120.60":
        code = '<div style="background-color: '+bgcolor+'; font-family: serif; font-weight: bolder; text-align: center; width: 120px; height: 60px; border: 1px solid #000000; margin: 0px; padding: 0px;"><div style="padding-top: 6px; padding-bottom: 4px;"><div style="margin: 0px; border: 0px; padding: 0px; font-size: 11px;">Kontakt zu anderen</div><div style="margin: 0px; border: 0px; padding: 0px; font-size: 11px;">Mitgliedern!</div></div><div style="margin: 0px; border: 0px; padding: 4px 0; font-size: 12px;">&raquo; KLICKE HIER! &laquo;</div></div>';
        break;
    case "120.90":
        code = '<div style="background-color: '+bgcolor+'; font-family: serif; font-weight: bolder; text-align: center; width: 120px; height: 90px; border: 1px solid #000000; margin: 0px; padding: 0px;"><div style="padding-top: 12px;"><div style="margin: 0px; border: 0px; padding: 0px; font-size: 11px;">Kontakt zu anderen</div><div style="margin: 0px; border: 0px; padding: 0px; font-size: 11px;">Mitgliedern!</div></div><div style="padding-top: 6px; font-size: 14px; background-color: #FFFFFF; height: 32px; margin-top: 10px;"><div style="height: 32px;"><label style="color: #000000;">Jetzt mitglied werden!</label></div></div></div>';
        break;
    case "125.125":
        code = '<div style="background-color: '+bgcolor+'; font-family: serif; font-weight: bolder; text-align: center; width: 125px; height: 125px; border: 1px solid #000000; margin: 0px; padding: 0px;"><div style="height: 36px; padding-top: 12px; font-size: 14px; background-color: #FFFFFF;"><div style="height: 28px;"><label style="color: #000000;">Jetzt mitglied werden!</label></div></div><div style="padding-top: 12px;"><div style="margin: 0px; border: 0px; padding: 0px; font-size: 11px;">Kontakt zu anderen</div><div style="margin: 0px; border: 0px; padding: 0px; font-size: 11px;">Mitgliedern!</div></div><div style="margin: 0px; border: 0px; padding: 12px 0; font-size: 12px;">&raquo; KLICKE HIER! &laquo;</div></div>';
        break;
    case "234.60":
        code = '<div style="background-color: '+bgcolor+'; font-family: serif; font-weight: bolder; text-align: center; font-size: 14px; width: 234px; height: 60px; border: 1px solid #000000; margin: 0px; padding: 0px;"><div style="float: left; width: 27px; font-size: 60px; margin-left: 5px; margin-top: -10px;">&raquo;</div><div style="float: left; width: 162px; padding-top: 12px;"><div style="margin: 0px; border: 0px; padding: 0px;">Kontakt zu anderen</div><div style="margin: 0px; border: 0px; padding: 0px;">Mitgliedern!</div></div><div style="float: left; width: 27px; font-size: 60px; margin-right: 5px; margin-top: -10px;">&laquo;</div><div style="clear: both;"></div></div>';
        break;
    case "468.60":
        code = '<div style="background-color: '+bgcolor+'; font-family: serif; font-weight: bolder; text-align: center; font-size: 20px; width: 468px; height: 60px; border: 1px solid #000000; margin: 0px; padding: 0px;"><div style="float: left; width: 50px; font-size: 70px; margin-top: -14px;">&raquo;</div><div style="float: left; padding-top: 18px; width: 366px;"><div style="margin: 0px; border: 0px; padding: 0px;">Kontakt zu anderen Mitgliedern!</div></div><div style="float: left; width: 50px; font-size: 70px; margin-top: -14px;">&laquo;</div></div><div style="clear: both;"></div>';
        break;
    case "250.250":
        code = '<div style="background-color: '+bgcolor+'; font-family: serif; font-weight: bolder; text-align: center; font-size: 13px; width: 250px; height: 250px; border: 1px solid #000000; margin: 0px; padding: 0px;"><div style="float: left; width: 20px; margin-left: 2px;"><div style="margin-top: 4px;">K</div><div>O</div><div>N</div><div>T</div><div>A</div><div>K</div><div>T</div><div>&nbsp;</div><div>Z</div><div>U</div><div>&nbsp;</div><div>A</div><div>N</div><div>D</div><div>E</div><div>R</div><div>E</div><div>N</div></div><div style="float: left; width: 20px;"><div style="margin-top: 20px;">M</div><div>I</div><div>T</div><div>G</div><div>L</div><div>I</div><div>E</div><div>D</div><div>E</div><div>R</div><div>N</div><div>!</div></div><div style="float: left; width: 194px; margin-left: 6px;"><div style="padding-top: 4px;"><div style="border: 0px none; padding: 2px 0px 8px; width: 196px; margin: auto; font-size: 13px;">Melde dich jetzt kostenlos an und du kannst sofort mit über 500.000 Mitgliedern Kontakt aufnehmen!</div></div><div><img src="http://www.love-money.de/front/v2/img/promolist/skthumbs.jpg"></div></div><div style="clear: both;"></div></div>';
        break;
    }
	return code;
}

skwidget.display = function()
{
    /* CREATE THE HIDDEN DIV FOR THE MODAL FORM */
    formmodal = 'skdivision-' + randomizer;
    division = document.createElement('div');
    division.id = formmodal;
    division.style.display = 'none';
    document.body.insertBefore(division, document.body.firstChild);

    /* CREATE THE HIDDEN MODAL FORM */
    modalcontent = skwidget.formTemplate(formmodal);
    replaceHtml(formmodal, modalcontent);

    /* CREATE THE BUTTON FOR THE MODAL FORM */
    buttonCode = skwidget.getButtonCode(buttonsize);
    divcontent = '<a style="cursor: hand; text-decoration: none; color: '+txtcolor+'; font-family: serif; line-height: 1; font-size: 100%;" href="javascript:;" onclick="return callSKForm();">'+buttonCode+'</a>';
    replaceHtml(placeholder, divcontent);
};	

skwidget.redisplay = function() {
    randomizer = Math.floor(Math.random() * 10000);
    formmodal = 'skdivision-' + randomizer;
    division = document.createElement('div');
    division.id = formmodal;
    division.style.display = 'none';
    document.body.insertBefore(division, document.body.firstChild);

    modalcontent = skwidget.formTemplate(formmodal);
    replaceHtml(formmodal, modalcontent);
}

skwidget.init = function()
{
    skwidget.display();
};

skwidget.set_variables = function()
{
    placeholder = _skparam["placeholder"];
    prid = _skparam["prid"];
    weid = _skparam["weid"];
    mkid = _skparam["mkid"];
    txtcolor = _skparam["textcolor"];
    bgcolor = _skparam["backgroundcolor"];
    buttonsize = _skparam["buttonsize"];
    txtsize = _skparam["txtsize"];
    formwidth = _skparam["formwidth"];
    formheight = _skparam["formheight"];
    randomizer = Math.floor(Math.random() * 10000);
    element = document.getElementById(placeholder);
};

load = function()
{
    skwidget.set_variables();
    skwidget.init();
};

skwidget.onCompleteLoad = function(element, method)
{
    if (typeof(time_elapsed) == "undefined") {
        var time_elapsed = 0;
    }

    if (typeof(element) == "undefined" || element == null) {
                if (time_elapsed <= 10000) {
                    time_elapsed = time_elapsed + 200;
                    setTimeout("skwidget.onCompleteLoad(" + element + ", " + method + ")", 200);
                }
    } else {
        time_elapsed = 0;
        window[method]();
    }
}

function closeSKForm() {
    //document.getElementById(formmodal).style.display = 'none';
    var child = document.getElementById(formmodal);
    var parent = document.getElementsByTagName('body')[0];
    parent.removeChild(child);
    formmodal = '';
    return false;
}

function callSKForm() {
    if (formmodal == '') {
      skwidget.redisplay();
    }
    document.getElementById(formmodal).style.display = 'block';
    return false;
}

function replaceHtml (el, html) {
	var oldEl = typeof el === "string" ? document.getElementById(el) : el;
	var newEl = oldEl.cloneNode(false);
	newEl.innerHTML = html;
	oldEl.parentNode.replaceChild(newEl, oldEl);
	return newEl;
};

/* SHOULD BE THE LAST SINCE IT SHOULD BE EXECUTED AFTER EVERY FUNCTIONS ARE LOADED */
if (typeof(isLoaded) == "undefined")
{
    var isLoaded = false;
    skwidget.onCompleteLoad(document.getElementById(_skparam["placeholder"]), 'load');
} else {
    skwidget.onCompleteLoad(document.getElementById(_skparam["placeholder"]), 'load');
}