$(document).ready(function() {
	$("#image2").animate({top:"-1000"},0).animate({opacity:".0"},0);
	setTimeout("opning()",6000);
});

function opning() {
	box1();
	imageSlide1();
	}

function box1(){	
	$("#box1").animate({opacity:".7"},500).animate({top:"192px"}, 1000).animate({opacity:"1"},500);
	$("#box2").animate({opacity:".7"},500).animate({top:"0"}, 1000).animate({opacity:"1"},500);
    setTimeout("box2()",6000);
}
function box2(){	
	$("#box1").animate({opacity:".7"},500).animate({top:"0"}, 1000).animate({opacity:"1"},500);
	$("#box2").animate({opacity:".7"},500).animate({top:"211"}, 1000).animate({opacity:"1"},500);
    setTimeout("box1()",6000);
}

function imageSlide1(){
	$("#image2").animate({top:"0"},0).animate({opacity:"1"},1000);
	$("#image1").animate({opacity:"0"},1000);
    setTimeout("imageSlide2()",6000);
}
function imageSlide2(){
	$("#image2").animate({opacity:"0"},1000).animate({top:"-1000"},0);
	$("#image1").animate({opacity:"1"},1000);
    setTimeout("imageSlide1()",6000);
}