var IndexImage = new Array();

IndexImage[0] = new Image();
IndexImage[0].src = '/bitrix/templates/baltkeramika_new/images/z/02.jpg'; 

IndexImage[1] = new Image();
IndexImage[1].src = '/bitrix/templates/baltkeramika_new/images/z/03.jpg'; 

IndexImage[2] = new Image();
IndexImage[2].src = '/bitrix/templates/baltkeramika_new/images/z/04.jpg'; 

IndexImage[3] = new Image();
IndexImage[3].src = '/bitrix/templates/baltkeramika_new/images/z/05.jpg'; 

IndexImage[4] = new Image();
IndexImage[4].src = '/bitrix/templates/baltkeramika_new/images/z/01.jpg'; 
/*
IndexImage[5] = new Image();
IndexImage[5].src = 'images/z/01.jpg'; 
*/
//alert(IndexImage.length);

var x = 4;
var IntervalId = 0;

function changeImage() {
	//alert("changeImage");
	
	if($('#zastavka').css('display') == 'none'){
		clearInterval (IntervalId);
	}
	
	$('#index-image').fadeOut(2000, function(){
		$('#index-image').css({'background':'url(' + IndexImage[x].src + ') no-repeat 0 0'}).fadeIn(2000);
	});
	
	if(x == (IndexImage.length - 1)){
		x = 0;
	}else{
		x++;	
	}
			
}

function InstallIndexImage(){

	IntervalId = setInterval( "changeImage()", 4100 );
	//alert("start");



//$('#background').css({height:Wid + 'px'});
//$('#main').css({height:Wid + 'px'});
}

$(function(){ 

	$('#zastavka a.propusk').click(function(){
		$('#zastavka').fadeOut(200, function(){
			$('#body').fadeIn(200);
		});
		return false;
	});
	
	InstallIndexImage();
	
	//$('div.sub-links').css('display', 'none');
	
	/*
	$('.make-hover').hover(
		function(){
			$(this).find('div.sub-links').fadeIn(100);
			//$(this).find('div.sub-links').css('display', 'block');
		},
		function(){
			$(this).find('div.sub-links').fadeOut(100);
			//$(this).find('div.sub-links').css('display', 'none');
		}
	
	);
*/
	
	
});