function Item(top, left, height, width, zorder, itemId, title, loja, stats, buttonURL, campaignID) {
    this.top = top;
    this.left = left;
    this.height = height;
    this.width = width;
    this.zorder = zorder;
    this.title = title;
    this.loja = loja;
    this.Id = itemId;
    this.stats = stats;
    this.buttonURL = buttonURL;
    this.campaignID = campaignID;
    this.link = "http://www.bymk.com.br/itens/"  + itemId;
    this.imagem = "http://www.bymk.com.br/OpenWS/GetItemImage.ashx?ThumbSize=100&theItemID=" + itemId;
}



var theTarget = "_blank";
var OpenPages = "/OpenPages";

var itens = new Array();

var containerId = "byMKLook46519261";


    itens[0]  = new Item(169, 165, 250, 
        336, 1, 507816, "z-vilassa", "Daslu", ["5 meses atrás",22,74,29], '', 0);        
     
    itens[1]  = new Item(218, 181, 82, 
        53, 2, 477604, "Rouge Allure Voluptuous", "Brands Club", ["6 meses atrás",3,36,3], '', 0);        
     
    itens[2]  = new Item(6, 14, 347, 
        144, 3, 448464, "VESTIDO", "Net-a-Porter.com", ["7 meses atrás",92,103,183], '', 0);        
     
    itens[3]  = new Item(285, -118, 117, 
        242, 4, 159237, "sapato lady gaga", "Daslu", ["1 ano atrás",7,34,8], '', 0);        
     
    itens[4]  = new Item(22, 237, 103, 
        144, 5, 484, "Brinco Raphael Falci", "Daslu", ["2 anos atrás",6,37,9], '', 0);        
     


var containerDiv = document.getElementById(containerId);


function byMKOnMouseOverItem(event) {
    var containerDiv;

    if (BrowserDetect.browser == "Firefox") {    
        containerDiv = event.originalTarget.containerDiv;
        event.cancelBubble = true;    
    } else if (BrowserDetect.browser == "Explorer") {
        containerDiv = window.event.srcElement.containerDiv;
        window.event.cancelBubble = true;    
    } else if (BrowserDetect.browser == "Chrome") {    
        containerDiv = window.event.srcElement.containerDiv;
        window.event.cancelBubble = true;        
    }
    if (!containerDiv) {
        return false;
    }
    var grayPanels = containerDiv.grayPanels;
    
    this.style.border = "1px solid gray";
    //0. north
    grayPanels[0].style.top = "0px";
    grayPanels[0].style.width = containerDiv.clientWidth + "px";
    grayPanels[0].style.height = this.offsetTop > 0 ? this.offsetTop + "px" : 0; 
    grayPanels[0].style.left = "0px";
    grayPanels[0].style.display = "block";
    grayPanels[0].style.filter = "alpha(opacity=50)";
    grayPanels[0].style.opacity = 0.5;
    //1. east
    grayPanels[1].style.top = this.offsetTop + "px";
    grayPanels[1].style.width = this.offsetLeft > 0 ? this.offsetLeft + "px" : 0;
    grayPanels[1].style.height = ((containerDiv.clientHeight - this.offsetTop) >0 )? (containerDiv.clientHeight - this.offsetTop)  + "px" : 0;
    grayPanels[1].style.left = "0px";
    grayPanels[1].style.display = "block";
    grayPanels[1].style.filter = "alpha(opacity=50)";
    grayPanels[1].style.opacity = 0.5;
    
    //2. south
    grayPanels[2].style.top = (this.offsetTop + this.offsetHeight) + "px";
    grayPanels[2].style.width = ((containerDiv.clientWidth - this.offsetLeft)) > 0 ? (containerDiv.clientWidth - this.offsetLeft) + "px" : 0;
    grayPanels[2].style.height = (containerDiv.clientHeight - (this.offsetTop + this.offsetHeight)) > 0 ? containerDiv.clientHeight - (this.offsetTop + this.offsetHeight) + "px" : 0;
    grayPanels[2].style.left = this.offsetLeft + "px";
    grayPanels[2].style.display = "block";
    grayPanels[2].style.filter = "alpha(opacity=50)";
    grayPanels[2].style.opacity = 0.5;

    //3. west
    grayPanels[3].style.top = this.offsetTop + "px";
    var width = containerDiv.clientWidth - (this.offsetLeft + this.offsetWidth);
    grayPanels[3].style.width = width < 0 ?  0: (width + "px");
    grayPanels[3].style.height = this.offsetHeight + "px";
    grayPanels[3].style.left = this.offsetLeft + this.offsetWidth + "px";
    grayPanels[3].style.display = "block"; 
    grayPanels[3].style.filter = "alpha(opacity=50)";
    grayPanels[3].style.opacity = 0.5;

    return false;    
}

function byMKOnMouseOutItem(event) {
    this.style.border = "0px none";
    var containerDiv;
    if (BrowserDetect.browser == "Firefox") {    
        containerDiv = event.originalTarget.containerDiv;
        event.cancelBubble = true;
    } else if (BrowserDetect.browser == "Explorer") {
        containerDiv = window.event.srcElement.containerDiv;
        window.event.cancelBubble = true;
    } else if (BrowserDetect.browser == "Chrome") {    
        containerDiv = window.event.srcElement.containerDiv;
        window.event.cancelBubble = true;        
    }
    
    if (!containerDiv) {
        return false;
    }
    var grayPanels = containerDiv.grayPanels;    
    for (var i = 0; i < 4; i++) {
        grayPanels[i].style.filter = "alpha(opacity=0)";
        grayPanels[i].style.opacity = 0;
        
    }
    return false;
}

function byMKOnMouseClick(event) {
    var x, y;
    var item;
    var containerDiv;
    var dialog;
    if (BrowserDetect.browser == "Firefox") {            
        x = new Number(event.layerX) + new Number(event.currentTarget.offsetLeft);
        y = new Number(event.layerY) + new Number(event.currentTarget.offsetTop);
        item = event.originalTarget.byMKItem;
        containerDiv = event.originalTarget.containerDiv;
        dialog = event.originalTarget.itemDialog;
    } else if (BrowserDetect.browser == "Explorer") {
        dialog = window.event.srcElement.itemDialog;
        x = window.event.x;
        y = window.event.y;
        item = window.event.srcElement.byMKItem;
        containerDiv = window.event.srcElement.containerDiv;
    } else if (BrowserDetect.browser == "Chrome") {    
        dialog = event.srcElement.itemDialog;
        x = event.layerX;
        y = event.layerY;
        item = event.srcElement.byMKItem;
        containerDiv = event.srcElement.containerDiv;
    }            
    if (!containerDiv) {
        return;
    }
    if ((x + 350) > containerDiv.clientWidth) {
        x -= (x+350) - containerDiv.clientWidth;
    }
    if ((y + 160) > containerDiv.clientHeight) {
        y-= (y+160) - containerDiv.clientHeight;
    }
    if (x < 0) {
        x =0;
    }
    if (y < 0) {
        y = 0;
    }
    dialog.showDialog(x, y,  item.imagem, item.title, item.loja, item.stats, item.link, item.campaignID, item.buttonURL, item.Id);
}



function ItemDialog() {
    this.showDialog = function(x, y, image, title, loja, stats, link, campaignID, buttonURL, itemID) {
        this.dialogDiv.style.top = y + "px"; 
        this.dialogDiv.style.left = x + "px" ;
        this.dialogDiv.style.display = "block";       
        if (this.imageDiv) {
            this.imageDiv.innerHTML = '<img src=' + image  + '  />';
        }        
        this.title.innerHTML = title;
        this.company.innerHTML = loja;
        this.adoram.innerHTML = "Criado " + stats[0];
        this.detestam.innerHTML = stats[1];
        this.looks.innerHTML = stats[2];
        this.related.innerHTML = stats[3];
        this.itemLink.href = link;      
        if (campaignID != 0) {
            this.notEuqueroDiv.style.display = "none";
            this.anchorEuQuero.href = 'http://www.bymk.com.br/OpenPages/campaigns/CampaignRedirect.aspx?Type=ProdutosEmDestaque&CampaignID='+ campaignID +'&ItemID='+ itemID +'&Resource=' + location.href;
            imgEuQuero.src = 'http://www.bymk.com.br' + buttonURL;
            this.euQueroDiv.style.display = "block";
        }  else {
           this.notEuqueroDiv.style.display = "block";
           this.euQueroDiv.style.display = "none";
        }
    }
    this.createDialog = function() {
        var dialogDiv = document.createElement("div");
        dialogDiv.className = "byMKItemDialog";
        dialogDiv.onclick = function() {
            if (BrowserDetect.browser == "Explorer") {
                if (window.event.srcElement.allowclick) {
                    return true;
                }
                window.event.cancelBubble = true;   
                                         
            } else if (BrowserDetect.browser == "Firefox") {
                if (event.originalTarget.allowclick) {
                    return true;
                }
                event.cancelBubble = true;            
            } else if (BrowserDetect.browser = "Chrome") {
                if (event.srcElement.allowclick) {
                    return true;
                }
                event.cancelBubble = true;
            }
            dialogDiv.style.display = "none";
            return false;
        };
        containerDiv.appendChild(dialogDiv);
        if (!(BrowserDetect.browser == "Explorer" && BrowserDetect.version == 6)) {        
           var imageDiv = document.createElement("div");
           imageDiv.className = "byMKItemDialogImage";
           this.imageDiv = imageDiv;
           dialogDiv.appendChild(imageDiv);        
        }
        var descDiv = document.createElement("div");
         descDiv.className = "byMKItemDialogDesc";
        var titleSpan = document.createElement("span");
        this.title = titleSpan;
         titleSpan.className = "byMKItemDialogTitle";
        descDiv.appendChild(titleSpan);
        var companySpan = document.createElement("span");
         companySpan.className = "byMKItemDialogCompany";
        this.company = companySpan;
        descDiv.appendChild(companySpan);
        var notEuqueroDiv = document.createElement("div");
        this.notEuqueroDiv = notEuqueroDiv;
        var table = document.createElement("table");
        var tbody = document.createElement("tbody");
        table.className = "table";
        var linhaAdoram = document.createElement("tr");
        var linhaAdoramNum = document.createElement("td");
        this.adoram = linhaAdoramNum;
        linhaAdoramNum.colSpan = 2;
        linhaAdoram.appendChild(linhaAdoramNum);
        tbody.appendChild(linhaAdoram);


        var linhaDestestam = document.createElement("tr");
        var linhaDestestamNum = document.createElement("td");
        this.detestam = linhaDestestamNum;
        linhaDestestamNum.className = "number";
        linhaDestestam.appendChild(linhaDestestamNum);
        var linhaDestestamText = document.createElement("td");
        linhaDestestamText.innerHTML = "Pessoas tem este Item";
        linhaDestestam.appendChild(linhaDestestamText);
        tbody.appendChild(linhaDestestam);

        var linhaLooks = document.createElement("tr");
        var linhaLooksNum = document.createElement("td");
        this.looks = linhaLooksNum;
        linhaLooksNum.className = "number";
        linhaLooks.appendChild(linhaLooksNum);
        var linhaLooksText = document.createElement("td");
        linhaLooksText.innerHTML = "Looks com este Item";
        linhaLooks.appendChild(linhaLooksText);
        tbody.appendChild(linhaLooks);

        var linhaItensRel = document.createElement("tr");
        var linhaItensRelNum = document.createElement("td");
        this.related = linhaItensRelNum;
        linhaItensRelNum.className = "number";
        linhaItensRel.appendChild(linhaItensRelNum);
        var linhaItensRelText = document.createElement("td");
        linhaItensRelText.innerHTML = "Visualizações deste Item";
        linhaItensRel.appendChild(linhaItensRelText);
        tbody.appendChild(linhaItensRel);
        table.appendChild(tbody);
        notEuqueroDiv.appendChild(table);
        var aMais = document.createElement("a");
        aMais.className = "byMKDialogMoreInfo";
        aMais.target = theTarget;
        aMais.allowclick = true;
        aMais.innerHTML = "Mais sobre este Item >>";
        this.itemLink = aMais;
        notEuqueroDiv.appendChild(aMais);
        descDiv.appendChild(notEuqueroDiv);
        dialogDiv.appendChild(descDiv);
        euQueroDiv = document.createElement("div");
        anchorEuQuero = document.createElement("a");
        anchorEuQuero.id = "euqueroA";
        anchorEuQuero.target = '_blank';
        imgEuQuero = document.createElement("img");
        imgEuQuero.allowclick = true;
        imgEuQuero.style.height ="auto";
        imgEuQuero.style.width = "auto";
        this.imgEuQuero = imgEuQuero;
        anchorEuQuero.appendChild(imgEuQuero);        
        euQueroDiv.appendChild(anchorEuQuero);
        this.euQueroDiv = euQueroDiv;
        this.anchorEuQuero = anchorEuQuero;
        euQueroDiv.style.display = "none";
        descDiv.appendChild(euQueroDiv);
        var closeDiv = document.createElement("div");
        closeDiv.className = "byMKDialogCloseDiv";
        dialogDiv.appendChild(closeDiv);
        closeDiv.innerHTML = "&nbsp;";
        closeDiv.dialogDiv = this.dialogDiv;
        closeDiv.onclick = function() {
            dialogDiv.style.display = "none";
        }
        return dialogDiv;
    }
    this.dialogDiv = this.createDialog();
}




function drawCopyPasteDialog() {
    var bgDiv = document.createElement("div");
    bgDiv.className = "byMKCopyPasteDialogBg";   
    var copyDiv = document.createElement("div");
    copyDiv.className = "byMKCopyPasteDialog";
    copyDiv.onclick = function(event) {
        if (window.event) {
            if (!window.event.srcElement.allowclick) {
                this.style.display = "none";
                this.bg.style.display = "none";                    
                window.event.cancelBubble = true;                            
            } 
            else {
                return true;
            }
        } else if (event) {
            if (!event.originalTarget.allowclick) {
                this.style.display = "none";
                this.bg.style.display = "none";                                
                event.cancelBubble = true;
            } 
            else {
                return true;
            }
        }
        return false;
    };
       
        
        var span = document.createElement("span");
        span.className="byMKTituloLook";
        span.innerHTML = "Pretinho Básico Noite";
        copyDiv.appendChild(span);
        var img = document.createElement("img");
        img.className="byMKUserImage";
        img.src = "http://www.bymk.com.br/OpenWS/GetUserImage.ashx?theUserID=69687&ThumbSize=80";
        copyDiv.appendChild(img);
        var descSpan = document.createElement("span");
        descSpan.innerHTML = "Publicado 5 meses atrás por ModismoNet.com. Look visto 7 vezes até o momento.";
        copyDiv.appendChild(descSpan);              
        var spanGostaram = document.createElement("span");
        spanGostaram.innerHTML = "<img src='http://www.bymk.com.br/Images/Icons/favorites16.gif' width='16' height='16' />  0 pessoas gostaram deste look.";
        copyDiv.appendChild(spanGostaram);        
        var anchor = document.createElement("a");
        anchor.href = "http://www.bymk.com.br/looks/465192";
        anchor.innerHTML = "Mais informações sobre este Look >>";
        anchor.allowclick = true;
        anchor.target = theTarget;
        copyDiv.appendChild(anchor);
                   
         
        
        var spanBarra = document.createElement("span");
        spanBarra.innerHTML = "Outros looks deste usuário:";
        spanBarra.style.clear = "both";
        copyDiv.appendChild(spanBarra);
        
        var divBarra = document.createElement("div");
        divBarra.className = "barraLooks";
        copyDiv.appendChild(divBarra);        
        
        var anchorImg = document.createElement("a");
        anchorImg.href = "http://www.bymk.com.br/looks/605477";
        anchorImg.target = theTarget;
        anchorImg.style.display = "inline";
        anchorImg.style.margin = "0";
        divBarra.appendChild(anchorImg);
        var img = document.createElement("img");
        img.src = "http://www.bymk.com.br/OpenWS/GetSetImage.ashx?theSetID=605477&ThumbSize=50";
        img.style.marginLeft = "5px";
        img.border = "0";
        img.allowclick = true;
        anchorImg.appendChild(img);
        
        var anchorImg = document.createElement("a");
        anchorImg.href = "http://www.bymk.com.br/looks/605185";
        anchorImg.target = theTarget;
        anchorImg.style.display = "inline";
        anchorImg.style.margin = "0";
        divBarra.appendChild(anchorImg);
        var img = document.createElement("img");
        img.src = "http://www.bymk.com.br/OpenWS/GetSetImage.ashx?theSetID=605185&ThumbSize=50";
        img.style.marginLeft = "5px";
        img.border = "0";
        img.allowclick = true;
        anchorImg.appendChild(img);
        
        var anchorImg = document.createElement("a");
        anchorImg.href = "http://www.bymk.com.br/looks/465627";
        anchorImg.target = theTarget;
        anchorImg.style.display = "inline";
        anchorImg.style.margin = "0";
        divBarra.appendChild(anchorImg);
        var img = document.createElement("img");
        img.src = "http://www.bymk.com.br/OpenWS/GetSetImage.ashx?theSetID=465627&ThumbSize=50";
        img.style.marginLeft = "5px";
        img.border = "0";
        img.allowclick = true;
        anchorImg.appendChild(img);
        
        var anchorImg = document.createElement("a");
        anchorImg.href = "http://www.bymk.com.br/looks/465563";
        anchorImg.target = theTarget;
        anchorImg.style.display = "inline";
        anchorImg.style.margin = "0";
        divBarra.appendChild(anchorImg);
        var img = document.createElement("img");
        img.src = "http://www.bymk.com.br/OpenWS/GetSetImage.ashx?theSetID=465563&ThumbSize=50";
        img.style.marginLeft = "5px";
        img.border = "0";
        img.allowclick = true;
        anchorImg.appendChild(img);
        
        
    var button = document.createElement("input");    
    button.type= "button";
    button.value = "Fechar";
    button.className = "button";
    button.copyDiv = copyDiv;
    button.onclick = function(event) {
            var copyDiv;
            if (BrowserDetect.browser == "Firefox") {    
                copyDiv = event.originalTarget.copyDiv;
            } else if (BrowserDetect.browser == "Explorer") {
                copyDiv = window.event.srcElement.copyDiv;
            } else if (BrowserDetect.browser == "Chrome") {    
                copyDiv = event.srcElement.copyDiv;
            }            
        copyDiv.style.display = "none";
        copyDiv.bg.style.display = "none";
    }
    copyDiv.appendChild(button);
    copyDiv.bg = bgDiv;
    containerDiv.appendChild(bgDiv);
    containerDiv.appendChild(copyDiv);    
    copyPasteDialog = copyDiv;
    return copyDiv;
}


function byMKOnContextMenu(event) {
    var containerDiv;
    if (window.event) {
        window.event.cancelBubble = true;
        containerDiv = window.event.srcElement.containerDiv;
    }
     else {
        event.cancelBubble = true;
        containerDiv = event.originalTarget.containerDiv;        
    }    
    if (!containerDiv) {
        return false;
    }
    var cpDiv = containerDiv.copyPasteDialog;
    cpDiv.style.display = "block";
    cpDiv.bg.style.display = "block";

    return false;    
}


function containerMouseOver(event) {
    var bgDiv;
    var e;

    if (window.event) {
        e = window.event;        
        if (window.event.srcElement.id == "grayPanel") {
            bgDiv = bgDiv = window.event.srcElement.parentElement.bgDiv;
        } else  if (window.event.srcElement.id == "bgDiv") {
            bgDiv = window.event.srcElement;
        }      
        else {
            return;
        }          
    }
     else {
        bgDiv = event.currentTarget.bgDiv; 
        e = event;
    }  
   if (bgDiv.id != "bgDiv") {
        return false;
    }       
     
  
    e.cancelBubble = true;
    bgDiv.style.filter = "alpha(opacity=50)";
    bgDiv.style.opacity = 0.5;
    return false;    
}

function containerMouseOut(event) {
    var bgDiv;
    if (window.event) {
        window.event.cancelBubble = true;
        
        if (window.event.srcElement.id == "grayPanel") {
            bgDiv = bgDiv = window.event.srcElement.parentElement.bgDiv;
        } else  if (window.event.srcElement.id == "bgDiv") {
            bgDiv = window.event.srcElement;
        } else {
            return;
        }
    }
     else {
        bgDiv = event.currentTarget.bgDiv;  
        event.cancelBubble = true;      
    }  
    if (bgDiv.id != "bgDiv") {

        return false;
    }  
    bgDiv.style.filter = "alpha(opacity=0)";
    bgDiv.style.opacity = 0;
    return false;    
}

function containerMouseDown(event) {
    if (BrowserDetect.browser == "Firefox") {    
         if (event.originalTarget.id == "grayPanel" ||
             event.originalTarget.id == "bgDiv") {
            byMKOnContextMenu(event);
          }
    } else if (BrowserDetect.browser == "Explorer") {
        if (window.event.srcElement.id == "grayPanel" ||
            window.event.srcElement.id == "bgDiv") {
            byMKOnContextMenu(event);
        }            
    } else if (BrowserDetect.browser == "Chrome") {    
        if (event.srcElement.id == "grayPanel" ||
            event.srcElement.id == "bgDiv") {
            byMKOnContextMenu(event);
        }            
    }
}

function drawDivs() {
    containerDiv.style.height = "400px";
    containerDiv.style.width = "400px";
    containerDiv.oncontextmenu = byMKOnContextMenu;
    containerDiv.onmouseover = containerMouseOver;
    containerDiv.onmouseout = containerMouseOut;    
    containerDiv.onmousedown = containerMouseDown;
    var bgDiv = document.createElement("div");
    bgDiv.className = "bgDiv";
    bgDiv.id = "bgDiv";
    containerDiv.appendChild(bgDiv);
    containerDiv.bgDiv = bgDiv;
    var grayPanels = new Array();
    var itemDialog = new ItemDialog();
    for (var i = 0; i < 4; i++) {
        grayPanels[i] = document.createElement("div");
        grayPanels[i].style.position = "absolute";
        grayPanels[i].style.display = "none";
        grayPanels[i].style.backgroundColor = "#FFFFFF";
        grayPanels[i].style.filter = "alpha(opacity=0)";
        grayPanels[i].style.opacity = 0;
        grayPanels[i].containerDiv = containerDiv;
        grayPanels[i].id = "grayPanel";
        containerDiv.appendChild(grayPanels[i]);
    }
    containerDiv.grayPanels = grayPanels;
    containerDiv.copyPasteDialog = drawCopyPasteDialog();
    var anchors = new Array();
    var divs = new Array();
    for (var i = 0; i < itens.length; i++) {
        anchors[i] = document.createElement("a");
        containerDiv.appendChild(anchors[i]);
        var top = itens[i].top  < 0 ? 0 : itens[i].top;
        var left = itens[i].left < 0 ? 0 : itens[i].left;
        var height = itens[i].height > containerDiv.clientHeight ? containerDiv.clientHeight : itens[i].height;
        var width = itens[i].width > containerDiv.clientWidth ? containerDiv.clientWidth : itens[i].width;
        anchors[i].style.top = top + "px" ;
        anchors[i].style.left = left + "px";
        if ((top + height) > containerDiv.clientHeight) {
            anchors[i].style.height = (containerDiv.clientHeight - top) + "px";
        } else {
            anchors[i].style.height = height + "px";
        }   
        if ((left + width) > containerDiv.clientWidth) {
            anchors[i].style.width = (containerDiv.clientWidth - left) + "px";
        } else {
            anchors[i].style.width = width + "px";
        }                  
        anchors[i].style.zIndex = itens[i].zorder;
        anchors[i].style.position = "absolute";
        anchors[i].style.border = "0px none";
        anchors[i].style.background = "none transparent";
        anchors[i].style.textDecoration = "none";
        anchors[i].onmouseover = byMKOnMouseOverItem;
        anchors[i].onmouseout = byMKOnMouseOutItem;
        anchors[i].href = "javascript:void 0;";
        anchors[i].onclick = byMKOnMouseClick;   
             
        divs[i] = document.createElement("div");
        anchors[i].appendChild(divs[i]);
        divs[i].style.display = "block";
        divs[i].style.backgroundColor = "#FFFFFF";
        divs[i].style.border = "0px none";
        divs[i].style.filter = "alpha(opacity=0)";
        divs[i].style.opacity = 0;
        divs[i].style.height = "100%";
        divs[i].style.width = "100%";          
        divs[i].byMKItem = itens[i];
        divs[i].itemDialog = itemDialog;
        divs[i].containerDiv = containerDiv;
    }
}

function writestylesheet() {
    if (document.getElementById("bymkCss")) {
        drawDivs();
        return;
    }
    var linkrel = document.createElement("link");
    linkrel.href = "http://www.bymk.com.br/OpenPages/css/lookhover.css";
    linkrel.rel = "stylesheet";
    linkrel.id = "bymkCss";
    linkrel.type= "text/css";        
    if (linkrel.addEventListener) 
       drawDivs();
    else
        linkrel.onreadystatechange = function() {
            if (this.readyState == "complete") {
                drawDivs();
            }
         }
    var headID = document.getElementsByTagName("head")[0];    
    headID.appendChild(linkrel);              
    
}

function main() {
    if ((BrowserDetect.browser != "Firefox") && 
        (BrowserDetect.browser != "Explorer") &&
        (BrowserDetect.browser != "Chrome")) {
        return;   
    }        
    writestylesheet();
}


    var BrowserDetect = {
	    init: function () {

		    this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		    this.version = this.searchVersion(navigator.userAgent)
			    || this.searchVersion(navigator.appVersion)
			    || "an unknown version";
		    this.OS = this.searchString(this.dataOS) || "an unknown OS";
	    },
	    searchString: function (data) {
		    for (var i=0;i<data.length;i++)	{
			    var dataString = data[i].string;
			    var dataProp = data[i].prop;
			    this.versionSearchString = data[i].versionSearch || data[i].identity;
			    if (dataString) {
				    if (dataString.indexOf(data[i].subString) != -1)
					    return data[i].identity;
			    }
			    else if (dataProp)
				    return data[i].identity;
		    }
	    },
	    searchVersion: function (dataString) {
		    var index = dataString.indexOf(this.versionSearchString);
		    if (index == -1) return;
		    return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	    },
	    dataBrowser: [
		    {
			    string: navigator.userAgent,
			    subString: "Chrome",
			    identity: "Chrome"
		    },
		    { 	string: navigator.userAgent,
			    subString: "OmniWeb",
			    versionSearch: "OmniWeb/",
			    identity: "OmniWeb"
		    },
		    {
			    string: navigator.vendor,
			    subString: "Apple",
			    identity: "Safari",
			    versionSearch: "Version"
		    },
		    {
			    prop: window.opera,
			    identity: "Opera"
		    },
		    {
			    string: navigator.vendor,
			    subString: "iCab",
			    identity: "iCab"
		    },
		    {
			    string: navigator.vendor,
			    subString: "KDE",
			    identity: "Konqueror"
		    },
		    {
			    string: navigator.userAgent,
			    subString: "Firefox",
			    identity: "Firefox"
		    },
		    {
			    string: navigator.vendor,
			    subString: "Camino",
			    identity: "Camino"
		    },
		    {		// for newer Netscapes (6+)
			    string: navigator.userAgent,
			    subString: "Netscape",
			    identity: "Netscape"
		    },
		    {
			    string: navigator.userAgent,
			    subString: "MSIE",
			    identity: "Explorer",
			    versionSearch: "MSIE"
		    },
		    {
			    string: navigator.userAgent,
			    subString: "Gecko",
			    identity: "Mozilla",
			    versionSearch: "rv"
		    },
		    { 		// for older Netscapes (4-)
			    string: navigator.userAgent,
			    subString: "Mozilla",
			    identity: "Netscape",
			    versionSearch: "Mozilla"
		    }
	    ],
	    dataOS : [
		    {
			    string: navigator.platform,
			    subString: "Win",
			    identity: "Windows"
		    },
		    {
			    string: navigator.platform,
			    subString: "Mac",
			    identity: "Mac"
		    },
		    {
			       string: navigator.userAgent,
			       subString: "iPhone",
			       identity: "iPhone/iPod"
	        },
		    {
			    string: navigator.platform,
			    subString: "Linux",
			    identity: "Linux"
		    }
	    ]

    };
    BrowserDetect.init();

main();
void 0;