$(document).ready(function(){
    // AFTER DOCUMENT LOAD
	$('#bg').css('height', $(document).height()); 
   //window.setTimeout("if($('#bg').css('height') != $(document).height()) $('#bg').css('height', $(document).height());", 2000);
	$('.s2').jCarouselLite({
		scroll: 1,
		visible: 1,
		speed: "500",
		btnNext: ".l_2",
		btnPrev: ".r_2",
		circular: true
	});
	$('.s3').jCarouselLite({
		scroll: 1,
		visible: 1,
		speed: "500",
		btnNext: ".l_3",
		btnPrev: ".r_3",
		circular: true
	});
	$("#catList a.pic").fancybox({
		'hideOnContentClick': false,
		'transitionIn'	:	'elastic',
		'titlePosition': 'inside'
	});
});


$(window).load(function(){
    timerID = setInterval("changePicArr()",8600);
});
var pathToImg = '/i/';
// array with pics
var rndArticleArr = new Array(
    '1.jpg',
    '2.jpg',
    '3.jpg',
    '4.jpg',
    '5.jpg',
    '6.jpg'
);

var pointerOfPicArr = 0;

function newImage(path) { 
      var image = new Image(); 
      image.src = path; 
      //alert(image.src);
      return image; 
}

function changePicArr() {
	if($('#bg').css('height') != $(document).height()) $('#bg').css('height', $(document).height());
    pointerOfPicArr = pointerOfPicArr + 1;
    if ( pointerOfPicArr == rndArticleArr.length ) {
        pointerOfPicArr = 0;
    }
    $("#bg").fadeOut(1200, function(){
        //alert($("#bg").css("background-image")  )
        namePic = rndArticleArr[pointerOfPicArr];
        $("#bg").css("background-image", "url(" + pathToImg + namePic + ")");
        $("#bg").fadeIn(600);
    });
    
}