var bgImagesDir = 'img/bg/';
var bgImages = [];
var thumbCounter = 0;
var thumbTotal = 13;

var otherCounter = 0;
var otherTotal = 4;
var otherReady = false;

var wz = null;

var loadingCounter = 0;

var bgReady = false;
var thumbReady = false;

var total = thumbTotal + otherTotal + 2;

function StartAll() {

    top.status = '';

    //start move/transitions bg
    moveTimer = window.setTimeout('MoveElement(curOff)', 200);
    loadTransitions();
    init();    
}

function UpdatePercent() {
    loadingCounter++;
    var p = parseInt(100. * loadingCounter / total);
    document.getElementById("percent").innerHTML = p + '%';   //+ ' ' + loadingCounter;
}

function registerOther() {
    otherCounter++;
    if (otherCounter == otherTotal) {
        otherReady = true;
        if (checkAllReady()) {
            StartAll();
        }
    }

    UpdatePercent();
}

function checkAllReady() {
    return (otherReady && bgReady && thumbReady);
}

function registerImg(o, pause, src) {

    if (pause) {
        window.setTimeout("registerImg(null, null, '" + o.src + "')", pause * waitTime);
        return;
    }

    bgImages[bgImages.length] = { name: src, loaded: true };

    if (bgReady) {
        return;
    }

    top.status += '.';    
    
    if (bgImages.length == 1) {
        document.getElementById("startImg").src = bgImages[0].name;
        ADD_DHTML("start");
    }
    else if (bgImages.length == 2) {
        document.getElementById("endImg").src = bgImages[1].name;
        ADD_DHTML("end");

        bgReady = true;
        if (thumbReady) {
            StartAll();
        }
    }

    UpdatePercent();
}

function registerThumb(o, pause, src) {

    if (thumbReady) {
        return;
    }

    if (pause) {
        window.setTimeout("registerThumb(null, null, '" + o.src + "')", pause * waitTime);
        return;
    }

    top.status += '+';

    thumbCounter++;
    
    if (thumbCounter == thumbTotal) {    
        thumbReady = true;
        if (bgReady) {
            StartAll();
        }
    }

    UpdatePercent();
}

var offsets = [{ x: 1, y: 0 }, { x: 0, y: 1 }, { x: -1, y: 0 }, { x: 0, y: -1}];

//var limit = 50;
//var step = 1;
//var n = 50;

//var op1 = 0;
//var op2 = 100;

var flag = true;
var curOffId = 0;
var curOff = offsets[curOffId];
var nextImgId = 2;

var first = true;

function MoveElement(offset) {
    try
    {
        if (flag) {
            if(wz.start){
                wz.start.moveTo(wz.start.x + offset.x, wz.start.y + offset.y);
            }
            else{
                top.status += 'eh';
            }
        }
        else {
            if (wz.end) {
                wz.end.moveTo(wz.end.x + offset.x, wz.end.y + offset.y);
            }
            else {
                top.status += 'eh';
            }
        }
    }
    catch (ex) {
        top.status += 'e';
    }

    moveTimer = window.setTimeout('MoveElement(curOff)', 200);
}

function onBefore(o) {
    if (first) {
        //first = false;
        return;
    }

    //top.status = 'flag=' + flag + '; curOffId=' + curOffId + '; nextImgId=' + nextImgId;

    flag = !flag;
    curOffId = (curOffId + 1) % offsets.length;
    curOff = offsets[curOffId];

    nextImgId = (nextImgId + 1) % bgImages.length;
}

function onAfter() {
    if (first) {
        first = false;
        return;
    }
    
    //recalculate offset position

    var targetImg;
    if (flag) {
        targetImg = endImg;
    }
    else {
        targetImg = startImg;
    }
    //targetImg.src = bgImagesDir + bgImages[nextImgId].name;
    targetImg.src = bgImages[nextImgId].name;
}

function toggleMoveBackground() {
    if (moveTimer) {
        window.clearTimeout(moveTimer);
        moveTimer = null;
    }
    else {
        moveTimer = window.setTimeout('MoveElement(curOff)', 200);
    }
}

//move page
var activePageID = '';
var activePageID_CS = '';
var oldPageID = '';
var oldPageID_CS = '';

function fadeOutPage() {

    var div = document.getElementById(oldPageID);
    var pageHeader = document.getElementById('pageHeader');

    var op = div.style.opacity;
    if (op < 0) {
        return;
    }
    div.style.opacity = op - 0.1;
    div.style.filter = "alpha(opacity=" + div.style.opacity * 100 + ")";
    pageHeader.style.opacity = op - 0.1;
    pageHeader.style.filter = "alpha(opacity=" + pageHeader.style.opacity * 100 + ")";

    setTimeout(fadeOutPage, 50);
}

function fadeOutPageCodaSlider() {

    var div = document.getElementById(oldPageID_CS);

    var op = div.style.opacity
    if (op < 0) {
        return;
    }
    div.style.opacity = op - 0.1;
    div.style.filter = "alpha(opacity=" + div.style.opacity * 100 + ")";

    setTimeout(fadeOutPageCodaSlider, 50);
}

function showPage(id, id_CS) {

    id_CS = id_CS ? 'pageContentSlider' : null;

    var page = document.getElementById("pageContentFixed");
    var div = document.getElementById(id);

    page.innerHTML = div.innerHTML;

    if (page.innerHTML == '') {
        page.style.display = 'none';
    }
    else {
        page.style.display = 'block';
    }

    pageSlideIn();
    
    //ako ima .slideshow klasa, pokrenut ce se slideshow nad njom
    startLocalSlideshow();
}

animatedcollapse.addDiv('graditeljstvo', 'fade=0,speed=400,group=menu');
animatedcollapse.addDiv('dimnjaci', 'fade=0,speed=400,group=menu,persist=1,hide=1');
animatedcollapse.addDiv('proizvodi', 'fade=0,speed=400,group=menu,persist=1,hide=1');
animatedcollapse.addDiv('transporti', 'fade=0,speed=400,group=menu,persist=1,hide=1');
animatedcollapse.addDiv('ugostiteljstvo', 'fade=0,speed=400,group=menu,persist=1,hide=1');

animatedcollapse.addDiv('pluto', 'fade=0,speed=400,group=poslovni,persist=1,hide=1');
animatedcollapse.addDiv('gradiska', 'fade=0,speed=400,group=poslovni,persist=1,hide=1');
animatedcollapse.addDiv('lipik', 'fade=0,speed=400,group=poslovni,persist=1,hide=1');
animatedcollapse.addDiv('vrbova', 'fade=0,speed=400,group=poslovni,persist=1,hide=1');
animatedcollapse.addDiv('otok', 'fade=0,speed=400,group=poslovni,persist=1,hide=1');
animatedcollapse.addDiv('pakrac_sud', 'fade=0,speed=400,group=poslovni,hide=1');
animatedcollapse.addDiv('C4', 'fade=0,speed=400,group=poslovno-stambeni,persist=1,hide=1');
animatedcollapse.addDiv('C5', 'fade=0,speed=400,group=poslovno-stambeni,persist=1,hide=1');
animatedcollapse.addDiv('pozega', 'fade=0,speed=400,group=poslovno-stambeni,persist=1,hide=1');
animatedcollapse.addDiv('popovaca', 'fade=0,speed=400,group=poslovno-stambeni,persist=1,hide=1');
animatedcollapse.addDiv('pakrac', 'fade=0,speed=400,group=stambeni,persist=1,hide=1');
animatedcollapse.addDiv('krapinske', 'fade=0,speed=400,group=stambeni,persist=1,hide=1');
animatedcollapse.addDiv('varazdin', 'fade=0,speed=400,group=stambeni,persist=1,hide=1');

animatedcollapse.addDiv('vatrostalniTB5-7', 'fade=0,speed=400,group=vatrostalni,persist=1,hide=1');
animatedcollapse.addDiv('vatrostalniTB8-9', 'fade=0,speed=400,group=vatrostalni,persist=1,hide=1');
animatedcollapse.addDiv('vatrostalniTB10-12', 'fade=0,speed=400,group=vatrostalni,persist=1,hide=1');

animatedcollapse.addDiv('dimnjaciStandardProizvodi_1', 'fade=0,speed=400,group=dimnjaciStandard,persist=1,hide=1');
animatedcollapse.addDiv('dimnjaciStandardProizvodi_2', 'fade=0,speed=400,group=dimnjaciStandard,persist=1,hide=1');

animatedcollapse.addDiv('dimnjaciTurboDimenzioniranje_1', 'fade=0,speed=400,group=dimnjaciTurbo,persist=1,hide=1');
animatedcollapse.addDiv('dimnjaciTurboDimenzioniranje_2', 'fade=0,speed=400,group=dimnjaciTurbo,persist=1,hide=1');
animatedcollapse.addDiv('dimnjaciTurboDimenzioniranje_3', 'fade=0,speed=400,group=dimnjaciTurbo,persist=1,hide=1');
animatedcollapse.addDiv('dimnjaciTurboDimenzioniranje_4', 'fade=0,speed=400,group=dimnjaciTurbo,persist=1,hide=1');
animatedcollapse.addDiv('dimnjaciTurboDimenzioniranje_5', 'fade=0,speed=400,group=dimnjaciTurbo,persist=1,hide=1');
animatedcollapse.addDiv('dimnjaciTurboDimenzioniranje_6', 'fade=0,speed=400,group=dimnjaciTurbo,persist=1,hide=1');
animatedcollapse.addDiv('dimnjaciTurboDimenzioniranje_7', 'fade=0,speed=400,group=dimnjaciTurbo,persist=1,hide=1');

animatedcollapse.ontoggle=function($, divobj, state){ 
    //fires each time a DIV is expanded/contracted
    //Use "divobj.id" to get its ID
}

animatedcollapse.init();

//PAGE DISPLAY START
function display(o, page, title) {

    hidePages();

    var navigator = window.navigator.appName; 
    var pageHeader = document.getElementById('pageHeader'); 

    var slider = document.getElementById("pageContentSlider");
    var sliderScroll = document.getElementById("sliderScroll");
    var names = [];
    var elements = [];
    var usesSlider = false;
    
    removeSliderElements();
                
    if (page != 'defaultDiv') {
        stopTransitions();

        //document.getElementById(page).style.display = 'block';
        //document.getElementById('pageHeader').style.display = 'block';
        
        pageHeader.innerHTML = title ? title : o.innerHTML;
        
        switch(page)
        {
            case "kompanijaDiv":
                break;
            case "graditeljstvoDiv":
                names = new Array("Poslovni","Poslovno-stambeni","Stambeni");
                elements = new Array("graditeljstvoContentSlider_1","graditeljstvoContentSlider_2","graditeljstvoContentSlider_3");
                break; 
            case "proizvodiDiv_Krovpak":
                names = new Array("Krovpak","Klasik","Rubnik","Sljemeni","Dodatne mjere");
                elements = new Array("proizvodiContentSlider_Krovpak_1","proizvodiContentSlider_Krovpak_2","proizvodiContentSlider_Krovpak_3","proizvodiContentSlider_Krovpak_4","proizvodiContentSlider_Krovpak_5");
                break;
            case "proizvodiDiv_Ventilacija":
                names = new Array("Elementi","Upotreba","Tip L","Tip LS");
                elements = new Array("proizvodiContentSlider_Ventilacija_1","proizvodiContentSlider_Ventilacija_2","proizvodiContentSlider_Ventilacija_3","proizvodiContentSlider_Ventilacija_4");
                break;
            case "proizvodiDiv_Vatrostalni":
                names = new Array("Betoni","Mortovi-hid.","Mortovi-kem.","Malteri-ker.","Polusuhe mase");
                elements = new Array("proizvodiContentSlider_Vatrostalni_1","proizvodiContentSlider_Vatrostalni_2","proizvodiContentSlider_Vatrostalni_3","proizvodiContentSlider_Vatrostalni_4","proizvodiContentSlider_Vatrostalni_5");
                var tb1 = document.getElementById('tableVatrostalniTB5-7');
                var tb2 = document.getElementById('tableVatrostalniTB8-9');
                var tb3 = document.getElementById('tableVatrostalniTB10-12');
                var tb4 = document.getElementById('tableMortoviHidraulicki');
                var tb5 = document.getElementById('tableMortoviKemijski');
                var tb6 = document.getElementById('tableMalteriKeramicki');
                if (navigator == 'Microsoft Internet Explorer') {
                    tb1.style.fontSize = '7pt';
                    tb2.style.fontSize = '7pt';
                    tb3.style.fontSize = '7pt';
                    tb4.style.fontSize = '7pt';
                    tb5.style.fontSize = '7pt';
                    tb6.style.fontSize = '7pt';
                }
                else if (navigator == 'Netscape') {
                    tb1.style.fontSize = '6pt';
                    tb2.style.fontSize = '6pt';
                    tb3.style.fontSize = '6pt';
                    tb4.style.fontSize = '6pt';
                    tb5.style.fontSize = '6pt';
                    tb6.style.fontSize = '6pt';
                }
                else {
                    tb1.style.fontSize = '7pt';
                    tb2.style.fontSize = '7pt';
                    tb3.style.fontSize = '7pt';
                    tb4.style.fontSize = '7pt';
                    tb5.style.fontSize = '7pt';
                    tb6.style.fontSize = '7pt';
                }             
                break;
            case "proizvodiDiv_Ostali":
                names = new Array("Betonski blok","Fert gredice","Nadvoj","Vodoravni serklaž","Kutni el.");
                elements = new Array("proizvodiContentSlider_Ostali_1","proizvodiContentSlider_Ostali_2","proizvodiContentSlider_Ostali_3","proizvodiContentSlider_Ostali_4","proizvodiContentSlider_Ostali_5");
                break;
            case "proizvodiDiv_Beton":
                names = new Array("Gotovi beton");
                elements = new Array("proizvodiContentSlider_Beton_1");
                break;
                
            case "dimnjaciDiv_Standard":
                names = new Array("PAK Standard","Tehnički opis","Dimenzioniranje","Proizvodi","Uputstva");
                elements = new Array("dimnjaciContentSlider_Standard_1","dimnjaciContentSlider_Standard_2","dimnjaciContentSlider_Standard_3","dimnjaciContentSlider_Standard_4","dimnjaciContentSlider_Standard_5");
                break;
            case "dimnjaciDiv_Turbo":
                names = new Array("PAK Turbo","Tehnički opis","Dimenzioniranje","Proizvodi","Uputstva");
                elements = new Array("dimnjaciContentSlider_Turbo_1","dimnjaciContentSlider_Turbo_2","dimnjaciContentSlider_Turbo_3","dimnjaciContentSlider_Turbo_4","dimnjaciContentSlider_Turbo_5");
                var tb1 = document.getElementById('dimnjaciContentSlider_Turbo_3_T1');
                var tb2 = document.getElementById('dimnjaciContentSlider_Turbo_3_T2');
                var tb3 = document.getElementById('dimnjaciContentSlider_Turbo_3_T3');
                var tb4 = document.getElementById('dimnjaciContentSlider_Turbo_3_T4');
                var tb5 = document.getElementById('dimnjaciContentSlider_Turbo_3_T5');
                var tb6 = document.getElementById('dimnjaciContentSlider_Turbo_3_T6');
                var tb7 = document.getElementById('dimnjaciContentSlider_Turbo_3_T7');
                var tb8 = document.getElementById('dimnjaciContentSlider_Turbo_3_T8');
                if (navigator == 'Microsoft Internet Explorer') {
                    tb1.style.fontSize = '7pt';
                    tb2.style.fontSize = '7pt';
                    tb3.style.fontSize = '7pt';
                    tb4.style.fontSize = '7pt';
                    tb5.style.fontSize = '7pt';
                    tb6.style.fontSize = '7pt';
                    tb7.style.fontSize = '7pt';
                    tb8.style.fontSize = '7pt';
                }
                else if (navigator == 'Netscape') {
                    tb1.style.fontSize = '6pt';
                    tb2.style.fontSize = '6pt';
                    tb3.style.fontSize = '6pt';
                    tb4.style.fontSize = '6pt';
                    tb5.style.fontSize = '6pt';
                    tb6.style.fontSize = '6pt';
                    tb7.style.fontSize = '6pt';
                    tb8.style.fontSize = '6pt';
                }
                else {
                    tb1.style.fontSize = '7pt';
                    tb2.style.fontSize = '7pt';
                    tb3.style.fontSize = '7pt';
                    tb4.style.fontSize = '7pt';
                    tb5.style.fontSize = '7pt';
                    tb6.style.fontSize = '7pt';
                    tb7.style.fontSize = '7pt';
                    tb8.style.fontSize = '7pt';
                }                  
                break;
            case "dimnjaciDiv_Izo":
                break;
                
            case "transportiDiv":
                break;
            case "ugostiteljstvoDiv":
                break;
            case "kontaktDiv":
                break;
            default:
                break;
              
        }

        if (names.length > 0 || elements.length > 0) {
            slider.style.display = 'block';
            attachElementsToSlider(names, elements);
            showPage(page, 'slider');
        }
        else {
            showPage(page, null);
        }
    }
    else
    {
        if(moveTimer == null) {
            resumeTransitions();            
        }
        document.getElementById("thumbMenu").style.visibility = 'visible';
    }

    window["CURRENT_PAGE"] = page;

    document.getElementById('frame1').src = 'Flash.html';   
    
}

function hidePages() {
    document.getElementById('pageDiv').style.visibility = 'hidden';
    endLocalSlideshow();
    $('#pagePH').scrollTo($('#blankDiv'), 0, { axis: 'x' });
    document.getElementById("thumbMenu").style.visibility = 'hidden';
}

function removeSliderElements()
{
    var sliderNavigation;
    var sliderContainer;
    var codaSlider = document.getElementById("pageContentSlider");
    sliderNavigation = document.getElementById("sliderNavigation");
    sliderContainer = document.getElementById("sliderContainer");
    
    var contentDiv = document.getElementById("contentPH");
    var child;
    
    
    if ( sliderNavigation.hasChildNodes() )
    {
        while ( sliderNavigation.childNodes.length >= 1 )
        {
            sliderNavigation.removeChild( sliderNavigation.firstChild );       
        } 
    }
    
    if ( sliderContainer.hasChildNodes() )
    {
        while ( sliderContainer.childNodes.length >= 1 )
        {
            child = sliderContainer.firstChild;
            if (child.id)
            {
                child.style.display = 'none';
            }
            sliderContainer.removeChild( sliderContainer.firstChild );  
            contentDiv.appendChild(child);    
            
        } 
    }
    
    codaSlider.style.display = 'none';    
}

function attachElementsToSlider(names,elements)
{
    var browser = navigator.appName;
    var sliderNavigation;
    var sliderContainer;
    var new_li;
    var new_a; 
    var new_div;
    var br = 0;
    var element;
    var codaSlider = document.getElementById("pageContentSlider");
        
    sliderNavigation = document.getElementById("sliderNavigation");
    sliderContainer = document.getElementById("sliderContainer");
    
    codaSlider.style.display = 'block';
    
    for (var i=0; i<names.length; i++)
    {
        br = i + 1;
        
        new_li = document.createElement('li');
        new_a = document.createElement('a');
        new_div = document.createElement('div'); 
        
        new_a.href = "#slider_" + br;
        new_a.textContent = names[i]; //Mozilla
        new_a.innerText = names[i]; //IE

        new_li.appendChild(new_a);
        sliderNavigation.appendChild(new_li);
        
        element = document.getElementById(elements[i]);
        element.style.display = "block";
        
        
        new_div.setAttribute("id","slider_" + br);
        new_div.appendChild(element);
        //new_div.innerHTML = element.innerHTML;
        
        sliderContainer.appendChild(new_div);
    }  

    InitCodaSlider();

}
//PAGE DISPLAY END

//lightbox START
$(function() {
    $('#pluto_gallery a').lightBox(); 
    $('#zgrada_gallery a').lightBox();
    $('#building_gallery a').lightBox();
    $('#pozega_gallery a').lightBox();           
    $('#gradiska_gallery a').lightBox();
    $('#popovaca_gallery a').lightBox();
    $('#pakrac_gallery a').lightBox();           
    $('#lipik_gallery a').lightBox();
    $('#krapinske_gallery a').lightBox();
    $('#varazdin_gallery a').lightBox();           
    $('#vrbova_gallery a').lightBox();
    $('#otok_gallery a').lightBox();
    $('#pakrac_sud_gallery a').lightBox();
    
    $('#dimnjaci_standard_gallery a').lightBox();
    
    $('#dimnjaci_turbo_gallery a').lightBox();
});
//lightbox END

//click event for IE
function showGallery(galleryID) 
{
    if (navigator.appName == 'Microsoft Internet Explorer') {
        document.getElementById(galleryID).click();
    }
    else if (navigator.appName == 'Netscape') {
    }
    else {
        document.getElementById(galleryID).click();
    }
}

//simulales click event for Mozilla


function showLightbox(i, galID) {  
    
    var a = document.getElementById(galID);

    if (!a.click) {
        a.click = function() {
            var evt = this.ownerDocument.createEvent('MouseEvents');
            evt.initMouseEvent('click', true, true, this.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
            this.dispatchEvent(evt);
        }
    }
    
    a.click();

}
function addMozillaClickEventListener() {
    
    var obj;
    var N = 13; //br. slika u fisheye-u

    //u mozilli dodati jos + 5px na definiranu visinu!
    document.getElementById("menuShadow").style.height = "350px";
    
    for (var i=1; i<=N; i++) {
        obj = document.getElementById('fisheye' + i);
        var gal = obj.getAttribute("galleryID");
        obj.addEventListener("click", function (x, y) {
                                        return function() {
                                            showLightbox(x, y);
                                        }
                                      }(i, gal)
                                       , false); 
    }  
};