var bg_image        = "#img_bground";
var bg_image_fix    = "#img_fix_bground";
var img_text        = "#img_text";
var img_text_fix    = "#img_text_fix";

var interval        = 5000;
var speed           = 750;

// tmp
var img_x           = 1260;
var img_y           = 800;

var scrollbarWidth  = 0;

/*
var bg_image_border;
var window_w;
var window_h;
*/

$(document).ready(function(){

    window_w = $(window).width();
    window_h = $(window).height();  

    // Here is possible set left and right border of background image.
    // You can set the same for top and bottom, but this is not reflex (now)
    // in function imgResizeViaWindow()
    bg_image_border = parseInt (($(bg_image).css('border-left-width'))) + parseInt (($(bg_image).css('border-right-width')));
    
    elementsCorrectPlace();
    
});

$(window).resize(function(){
    window_w = $(window).width();// + scrollbarWidth;
    window_h = $(window).height();
    elementsCorrectPlace();
})


function elementsCorrectPlace(){                
    imgResizeViaWindow(bg_image);
    imgResizeViaWindow(bg_image_fix);        
}

function bgrChangeStart(){   
    
    setTimeout("bgrChange("+(1)+")", interval);
}

function imgChangeStart(){
    setTimeout("imgChange("+(1)+")", interval);
}

function bgrChange(i){
    
    if (i >= images.length) i = 0;
    var img = new Image();
    
    $(bg_image).hide();    
    $(img).load(function () {
        $(bg_image).attr("src", images[i]);
        $(bg_image).fadeIn(speed, function () {
            $(bg_image_fix).attr("src", images[i]);            
        });
    }).attr("src", images[i]);
    setTimeout("bgrChange("+(i+1)+")", interval);
    
}

function imgChange(i){

    if (texts.length <= 1){
        return;
    }

    if (i >= texts.length) i = 0;
    var img = new Image();

    $(img_text).hide();    
    $(img_text_fix).fadeOut(speed);    
    
       
    $(img).load(function () {

        $(img_text).attr("src", texts[i]);
        $(img_text).fadeIn(speed, function () {

            $(img_text_fix).attr("src", texts[i]);           
            $(img_text_fix).show();

        });

    }).attr("src", texts[i]);
    setTimeout("imgChange("+(i+1)+")", interval);

}

function imgResizeViaWindow(el){    
    imgResizeViaDiv2(el);
    return;
}


function imgResizeViaDiv2(el){
  
    var ew = img_x; // $(el).width();
    var eh = img_y; //$(el).height();

    var div_w = $("#content").width();
    var div_h = $("#content").height();

    var r =  div_w/div_h;
    var er = ew/eh;

    if (r > er) {
        $(el).css("height","auto");
        $(el).css("width","100%");
    } else {
        $(el).css("height","100%");
        $(el).css("width","auto");
        if ($(el).width() < div_w) {
            $(el).css("width","100%");
            $(el).css("height","auto");
        }


    }

}