/// <reference path="core.js" />

var contentBackground = {

    init: function() {
        var contentDiv = document.getElementById('mainContent');

        var heigth = document.getElementById('disclamer').offsetTop - document.getElementById('navigation').offsetTop + 10;

        //set content heigth
        contentDiv.style.height = heigth + "px";
        contentDiv.style.background = "#fff url(/Images/blue-serpent.jpg?h=" + heigth + ") no-repeat";
    }

};

var sideGlaery = {

    slike: new Array(),

    div: "<div id=\"imgMain\" style=\"width: 450px; height: 358px; background-color: #000099; position: fixed; top: 160px; border: 2px solid #cc0000; color: #FFFFFF; left: 250px;\" >\
            Kliknite kako biste zatvorili ...\
            <img width=\"450\" height=\"338\" src=\"galerija/images/DSC03142.jpg\" style=\"margin-top: 2px\" />\
        </div>",

    aktivno: false,

    init: function() {

        var image = document.getElementById("ctl00_imgSidebarGallery");

        Core.addEventListener(image, "click", sideGlaery.mouseClick);

        sideGlaery.slike = document.getElementById("ctl00_txtSlike").value.split(';');

        sideGlaery.timer = setTimeout(function() {
            sideGlaery.promjenaSlike(image);
        }, 5000);
    },

    mouseClick: function(event) {

        var element = document.createElement("DIV");
        var body = document.getElementsByTagName("body")[0];
        if (sideGlaery.aktivno) return;

        element.innerHTML = sideGlaery.div;

        var divSilverlight = document.getElementById("silverlightControlHost");

        if (divSilverlight != null)
        {
            sideGlaery.silverlight = divSilverlight.firstChild;
            divSilverlight.removeChild(divSilverlight.firstChild);
        }

        element.getElementsByTagName("img")[0].src = this.src.replace("thumb", "images");
        element.firstChild.style.left = (body.offsetWidth / 2 - 250) + "px";

        if (/MSIE 5/i.test(navigator.userAgent) || /MSIE 5/i.test(navigator.userAgent)) element.firstChild.style.position = "absolute";

        body.appendChild(element);
        sideGlaery.aktivno = true;

        Core.stopPropagation(event);
        Core.addEventListener(body, "click", sideGlaery.closeGalery);
    },

    closeGalery: function(event) {

        Core.preventDefault(event);
        Core.stopPropagation(event);

        var body = document.getElementsByTagName("body")[0];

        Core.removeEventListener(body, "click", sideGlaery.closeGalery);

        body.removeChild(body.lastChild);
        sideGlaery.aktivno = false;

        if (sideGlaery.silverlight != null)
        {
            document.getElementById("silverlightControlHost").appendChild(sideGlaery.silverlight);
        }

    },

    promjenaSlike: function(image) {

        var i = Math.round(Math.random() * (sideGlaery.slike.length - 2));
        image.src = image.src.replace(/DSC\d+.jpg/, sideGlaery.slike[i]);

        sideGlaery.timer = setTimeout(function() {
            sideGlaery.promjenaSlike(image);
        }, 5000);
    }

};

Core.addEventListener(this, "load", sideGlaery.init);
Core.addEventListener(this, "load", contentBackground.init);