<!--


$(document).ready(function() {

    //alert(location.href);
    //alert(location.href.search("opis"));
    $("a#search_anch").click(function(event) {
        event.preventDefault();
        var newleft = 0;
        //alert($("#side-search").css('left'));
        if ($("#side-search").css('left') == "0px")
            newleft = "-292";
        else
            newleft = "0";
        
       
        $("#side-search").animate({
            left: newleft
        }, 500 );
    });
    
    if (location.href.search("opis") == -1)
        return;
    
    $("a[rel=kimg_group]").fancybox({
        'transitionIn'		: 'elastic',
        'transitionOut'		: 'none',
        'titlePosition' 	: 'inside',
        'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
        }
    });

    //Set Default State of each portfolio piece
    $(".paging").show();
    $(".paging a:first").addClass("active");

    //Get size of images, how many there are, then determin the size of the image reel.
    var imageWidth = $(".window").width();
    var imageSum = $(".image_reel img").size();
    var imageReelWidth = imageWidth * imageSum;

    //Adjust the image reel to its new size
    $(".image_reel").css({
        'width' : imageReelWidth
    });

    //Paging + Slider Function
    rotate = function(){
        var triggerID = $active.attr("rel") - 1; //Get number of times to slide
        var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

        $(".paging a").removeClass('active'); //Remove all active class
        $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

        //Slider Animation
        $(".image_reel").animate({
            left: -image_reelPosition
        }, 500 );

    };

    //Rotation + Timing Event
    rotateSwitch = function(){
        play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
            $active = $('.paging a.active').next();
            if ( $active.length === 0) { //If paging reaches the end...
                $active = $('.paging a:first'); //go back to first
            }
            rotate(); //Trigger the paging and slider function
        }, 3000); //Timer speed in milliseconds (3 seconds)
    };

    rotateSwitch(); //Run function on launch

    //On Hover
    $(".image_reel a").hover(function() {
        clearInterval(play); //Stop the rotation
    }, function() {
        rotateSwitch(); //Resume rotation
    });

    //On Click
    $(".paging a").click(function() {
        $active = $(this); //Activate the clicked paging
        //Reset Timer
        clearInterval(play); //Stop the rotation
        rotate(); //Trigger rotation immediately
        rotateSwitch(); // Resume rotation
        return false; //Prevent browser jump to link anchor
    });


    $active = $(".paging a:first"); //Activate the clicked paging
    //Reset Timer
    clearInterval(play); //Stop the rotation
    rotate(); //Trigger rotation immediately
    rotateSwitch(); // Resume rotation

      

});


function sum(id)
{

    var cena = $('#vrsta_' + id).val();
    var kol = $('#kol_' + id).val();

    //var uk = cena * kol;
    var uk = cena;

    //alert(uk + " " + cena + " " + kol);
    uk = Math.round(uk/10) * 10;
    $('#cena_' + id).val(uk + ".00");

    konfigurator();

}

function konfigurator(){
    var kol = $('.kol');
    var cena = $('.cena');
    var konfselect = $('.konfselect');
    //alert(kol[5].val());
   
    var suma = 0;
    var spisak = "";
    var tbl = "";
    var gz = 0;
    tbl = '<table width="95%" class="cltb">'+ "\n";
    tbl += '<tr><th>#</th><th>Naziv</th><th>Kol</th><th>Cena</th><th>Uk</th></tr>'+ "\n";

    kol.each(function(index) {
        //alert(index + ': ' + $(this).val());
        var cn = cena[index];
        var k = konfselect[index];
        //alert(cn.value);
        suma += cn.value * $(this).val();

        var dd = k.selectedIndex;
        //var ss = document.tests.sel[dd].text;

        if (cn.value > 0){
            spisak += $(this).val() + " * " + k[dd].text + "\n";
            var namearr = k[dd].text.split("---");
            //spisak += $(this).val() + " * " + k[dd].text + "     " + cn.value + "\n";
            tbl += '<tr><td>'+(++gz)+'</td><td>'+ namearr[0] +'</td><td>'+ $(this).val() +'</td><td>'+ cn.value +'</td><td>'+ ($(this).val() * cn.value) +'</td></tr>' + "\n";
        }
    })

    tbl += '<tr><th colspan="4" align="right">Suma</th><th>'+ suma +'&nbsp;din.</th></tr>'+ "\n";
    tbl += '</table>'+ "\n";

    spisak += "\n\nSuma: " + suma + ".00 din.";

    //alert(suma);
    //$('#spisak').val(spisak);
    $('#spisak').val(tbl);
    $('#ukupno').val(suma + ".00");
    $('#konf_table_hld').html(tbl);

}

function konf(sta){
    var doit = true;
    $('.required').each(function(index) {
        //alert(index + ': ' + $(this).val() + ': ' + $(this).attr('name') );
        if ($(this).val() == ""){
            //alert("Polje " + $(this).attr('name') +" mora biti popunjeno" );
            doit = false;
        
        }

    });

    if (doit){
        //alert(sta);
        var form = $('#frm');
        if (sta == 1)
            form.attr("action", base_url + "naruci" );
        else
            form.attr("action", base_url + "stampa" );

        form.submit();


    }
    else
        alert('Polja ime, kontakt i email moraju biti popunjena.');
}

function filter(){
    var elem = $('#komponente_filter');

    if (elem.css("display") != "none")
        elem.slideUp('slow');    
    else
        elem.slideDown('slow');
    
}

function filterch(){
    var elem = $('#prid');
    var vrid = $('#vrid');

    //alert(elem.val());
    var hld = $('#sec_middle');

    hld.html('<p align="center"> <br /><br /><img src="' + base_url1 +'img/loading.gif" alt="loading" /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p>');
    $.ajax({
        url: base_url + 'cenovnik/ajaxfilter/' + vrid.val() + '/' + elem.val(),
        success: function(data) {
            //alert('Load was performed.');
            hld.html(data);


        }
    });
}

function filterchvr(){
    var elem = $('#vrid');
    var prid = $('#prid');

    //alert(elem.val());
    var hld = $('#sec_middle');

    hld.html('<p align="center"> <br /><br /><img src="' + base_url1 +'img/loading.gif" alt="loading" /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p>');
    $.ajax({
        url: base_url + 'cenovnik/ajaxfiltervr/' + prid.val() + '/' + elem.val(),
        success: function(data) {
            //alert('Load was performed.');
            hld.html(data);


        }
    });
}

function filterch1(){
    var arr = $("select[class=kars]");
    //var senarr = array();
    var send = "";
    for (i=0; i < arr.length; i++) {
        //alert($(arr[i]).val());
        //kol1.push($(kids[i]).attr('id')) ;
        //senarr[$(arr[i]).attr('id')] = $(arr[i]).val();
        send += "/" + $(arr[i]).attr('id') + "/" + $(arr[i]).val();
    }

    

    var elem = $('#vrid');
    var prid = $('#prid');

    //alert(elem.val());
    var hld = $('#sec_middle');

    hld.html('<p align="center"> <br /><br /><img src="' + base_url1 +'img/loading.gif" alt="loading" /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p>');
    $.ajax({
        url: base_url + 'cenovnik/ajaxfilterfull/' + prid.val() + '/' + elem.val() + send,
        success: function(data) {
            //alert('Load was performed.');
            hld.html(data);


        }
    });
}


//-->
