var $ = jQuery.noConflict();
    var rootel = 'wheels';
    var jqfrm = "\u003ciframe width=\"100%\" id=\"wheelscars\" src=\"https://firent-web.wheelsys.io/resengine/$wsid$reservations/?lang=fi\" frameborder=\"0\" scrollong=\"no\" allowtransparency=\"true\"\u003e\u003c/iframe\u003e";
    var url1 = "https://firent-web.wheelsys.io/resengine/public/css/wheels.css";
    var ifrurl = "https://firent-web.wheelsys.io";
    var ifr = ifrurl.split("/");
    ifrurl = ifr[0] + "//" + ifr[2];

    var oper = 'step2'
window.addEventListener("message", receiveMessage, false);

function WsParam(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

function receiveMessage(event)
{
  if (event.origin !== ifrurl) {
    //alert(event.origin);
    return;
  }
  targurl = event.data;
  targurl = targurl.replace("$wsid$", WsParam("WSID"));
  window.location.href = targurl;
}

$(document).ready(function() {

	if (document.createStyleSheet) {
    	document.createStyleSheet(url1);
    } else {
   	 	jQuery('<link rel="stylesheet" type="text/css" href="' + url1 + '" />').appendTo('head'); 
    }
    //CALL CREATION SCRIPT
    jqfrm = jqfrm.replace('$abcd$', encodeURIComponent(window.location.href)).replace("$wsid$", "(S(" + WsParam("WSID") + "))/");

     $("#" + rootel).html(jqfrm);
    
    $("#" + rootel).css("position", "relative");
    $("#" + rootel).css("z-index", "100");
    $("#" + rootel).css("background-color", "transparent");


    if (oper == "step2") {
        if (window.outerWidth > 768) {
            $("#" + rootel).css("padding-bottom", "60%");
         }
    } else {
        if (window.outerWidth > 1024) {
         $("#" + rootel).css("height", "200px");
        } else {
            if (window.outerWidth > 768) {
             $("#" + rootel).css("height", "180px");
            } 
        }
        $("#" + rootel).css("overflow-y", "visible");
        $("#" + rootel).parentsUntil(".arkki").css("overflow-y", "visible");
    }
     
});