var PRURL = "/utils/ideveloper-proxy/index/";
var MAX_REFERENCES = 6;
var TIMER_DELAY = 8000;

dojo.addOnLoad(initIdeveloper);

function initIdeveloper() {
    var refs = new IdeveloperRefs(PRURL, MAX_REFERENCES, TIMER_DELAY);
    refs.init();
}

dojo.declare( "IdeveloperRefs", null, {

    NUMREF_INACTIVE_CLASS: "dot",
    NUMREF_ACTIVE_CLASS: "active",

    constructor: function(url, maxrefs, timer_delay) {
        this.url = url;
        this.maxrefs = maxrefs;
        this.timer_delay = timer_delay;
    },

    init: function() {
        dojo.xhr('GET', {
            url: this.url,
            load: this.generateOnLoaded()
            });
    },

    generateWidget: function(projects) {
        this.projects = projects;

        var container = this.refContainer();
        var a;
        for(var i=0; i<this.maxrefs && i<projects.length; i++) {
            a = dojo.create('a',
            {
                'href': '#',
                'class': this.NUMREF_INACTIVE_CLASS,
                'innerHTML': i+1
                },
            container,
            'last');
            dojo.connect(a, "onclick", null, this.generateToggleProject(i));
        }

        //select first project
        this.selectProject(0);

        //start timer to rotate selected projects
        this.startTimer();
    },

    startTimer: function() {
        this.timer = setTimeout(dojo.hitch(this, this.onTimer), this.timer_delay);
    },

    stopTimer: function() {
        clearTimeout(this.timer);
    },

    onTimer: function() {
        this.selectNextProject();
        this.startTimer();
    },

    selectNextProject: function() {
        if (this.selectedProject<(this.projects.length-1))
            this.selectProject(this.selectedProject+1);
        else
            this.selectProject(0);
    },

    //container for project references
    refContainer: function() {
        return dojo.query(".nove-bydleni .set-right")[0];
    },

    //selected project reference header
    projectHeaderContainer: function() {
        return dojo.query(".nove-bydleni h2 a")[0];
    },

    //"detail" image button
    projectDetailContainer: function() {
        return dojo.query(".nove-bydleni .pruh-dole .set-right a")[0];
    },

    //selected projet image
    projectImageContainer: function() {
        return dojo.query(".nove-bydleni")[0];
    },

    generateToggleProject: function(projectIndex) {
        var classContext = this;
        return function(e) {
            e.preventDefault();
            classContext.stopTimer();
            classContext.selectProject(projectIndex);
        }
    },

    selectProject: function(projectIndex) {
        this.selectedProject = projectIndex;

        var as = dojo.query("a", this.refContainer());
        //mark selected project
        dojo.forEach(as, function(el){
            dojo.removeClass(el, this.NUMREF_ACTIVE_CLASS)
            }, this);
        dojo.forEach(as, function(el){
            dojo.addClass(el, this.NUMREF_INACTIVE_CLASS)
            }, this);
        dojo.addClass(as[projectIndex], this.NUMREF_ACTIVE_CLASS);
        dojo.removeClass(as[projectIndex], this.NUMREF_INACTIVE_CLASS);

        //change header + background image
        var header = this.projectHeaderContainer();
        var project = this.projects[projectIndex];
        var image = this.projectImageContainer();
        var detail = this.projectDetailContainer();

        dojo.attr(header, {
            "innerHTML": project.name,
            "href": project.url
            }
        );
        dojo.attr(detail, "href", project.url);
        dojo.style(image, "background", "transparent url('/resizeimage.php?url=" + project.img + "&w=468&h=350') no-repeat scroll 0 0");
    },

    generateOnLoaded: function() {
        var classContext = this;
        return function(data){
            try{
                projects = dojo.fromJson(data);
                classContext.generateWidget(projects);
            }catch(err){
                //invalid json
                return;
            }
        }
    }
})


var pozice = new Array();
var vyska = new Array();
var nahledy = new Array();
var rekurze = new Array();

function posun_vlevo(container,neverstop) {
    var Obj = document.getElementById(container);
    var innerObj = document.getElementById(container + '-inner');

    pozice[container] = (pozice[container]) ? pozice[container] : 0;
    vyska[container] = innerObj.clientWidth;
    nahledy[container] = Obj.offsetWidth;

    innerObj.style.left = pozice[container] + 3 + 'px';
    pozice[container] += 3;

    if (pozice[container] <= 0) {
        rekurze[container] = setTimeout('posun_vlevo("' + container + '",' + neverstop + ')', 30);
    }
    else
    {
        if (rekurze[container]) {
            clearTimeout(rekurze[container]);
        }
        innerObj.style.left = 0 + 'px';
        if( neverstop ) {
            posun_vpravo(container,neverstop);
        }
    }
}



function posun_vpravo(container,neverstop) {
    var Obj = document.getElementById(container);
    var innerObj = document.getElementById(container + '-inner');

    pozice[container] = (pozice[container]) ? pozice[container] : 0;
    nahledy[container] = Obj.offsetWidth;
    vyska[container] = innerObj.clientWidth;

    // IE neni schopen zjistit vysku dynamicky nastaveneho divu,
    // ale nedela mu problem pevne nastaveni urcite vysky a posun na jinou vysku
    // nechapu proc, ale funguje to
    if (vyska[container] == 0) {
        innerObj.style.height = nahledy[container];
        vyska[container] = nahledy[container];
    }

    innerObj.style.left = pozice[container] - 3 + 'px';
    pozice[container] -= 3;

    if (Math.abs(pozice[container]) <= (vyska[container] - nahledy[container] + 10)) {
        rekurze[container] = setTimeout('posun_vpravo("' + container + '",' + neverstop + ')', 30);
    }
    else
    {
        if (rekurze[container]) {
            clearTimeout(rekurze[container]);
        }
        innerObj.style.left = (vyska[container] - nahledy[container]) * (-1) - 10 + 'px';
        if( neverstop ) {
            posun_vlevo(container,neverstop);
        }
    }
}


function zastav(container) {
    if (rekurze[container]) {
        clearTimeout(rekurze[container]);
    }
}