/* jQuery.easing.def = "easeOutCubic"; */

function prepare_feature1() {
    jQuery("#feature-1-text").css({top:'329px', left:'361px'}); 
    jQuery("#feature-1-number").css({top:'329px', left:'534px'}); 
}
function prepare_feature2() {
    jQuery("#feature-2-text").css({top:'329px', left:'362px'}); 
    jQuery("#feature-2-number").css({top:'329px', left:'530px'}); 
}
function prepare_feature3() {
    jQuery("#feature-3-guy").css({top:'329px', left:'141px'}); 
    jQuery("#feature-3-text").css({top:'326px', left:'421px'}); 
    jQuery("#feature-3-number").css({top:'329px', left:'531px'}); 
}
function prepare_feature4() {
    jQuery("#feature-4-text").css({top:'329px', left:'394px'}); 
    jQuery("#feature-4-number").css({top:'329px', left:'552px'}); 
}
function prepare_feature5() {
    jQuery("#feature-5-text").css({top:'329px', left:'339px'}); 
    jQuery("#feature-5-number").css({top:'329px', left:'545px'}); 
}
function prepare_feature6() {
    jQuery("#feature-6-guy").css({top:'329px', left:'87px'}); 
    jQuery("#feature-6-text").css({top:'326px', left:'337px'}); 
    jQuery("#feature-6-number").css({top:'329px', left:'561px'}); 
}


function slidein_feature1() {  
    setTimeout("slideout_feature1()", 4000);   
    jQuery("#feature-1-text").animate({top:"94px"}, 900, 'easeOutCubic');  
    jQuery("#feature-1-number").animate({top:"0px"}, 850, 'easeOutCubic');  
}
function slidein_feature2() {  
    setTimeout("slideout_feature2()", 4500);   
    jQuery("#feature-2-text").animate({top:"96px"}, 900, 'easeOutCubic');  
    jQuery("#feature-2-number").animate({top:"2px"}, 850, 'easeOutCubic');  
}
function slidein_feature3() {  
    setTimeout("slideout_feature3()", 4500);   
    jQuery("#feature-3-guy").animate({top:"-=301px"}, 950, 'easeOutCubic');  
    jQuery("#feature-3-text").animate({top:"95px"}, 850, 'easeOutCubic');  
    jQuery("#feature-3-number").animate({top:"-4px"}, 800, 'easeOutCubic');  
}
function slidein_feature4() {  
    setTimeout("slideout_feature4()", 4000);   
    jQuery("#feature-4-text").animate({top:"106px"}, 900, 'easeOutCubic');  
    jQuery("#feature-4-number").animate({top:"-6px"}, 850, 'easeOutCubic');  
}
function slidein_feature5() {  
    setTimeout("slideout_feature5()", 4000);   
    jQuery("#feature-5-text").animate({top:"49px"}, 900, 'easeOutCubic');  
    jQuery("#feature-5-number").animate({top:"5px"}, 850, 'easeOutCubic');  
}
function slidein_feature6() {  
    setTimeout("slideout_feature6()", 4500);   
    jQuery("#feature-6-guy").animate({top:"0px"}, 950, 'easeOutCubic');  
    jQuery("#feature-6-text").animate({top:"100px"}, 850, 'easeOutCubic');  
    jQuery("#feature-6-number").animate({top:"-5px"}, 800, 'easeOutCubic');  
}




function slideout_feature1() {  
    jQuery("#homepage-feature").animate({backgroundPosition:"-=748px 0px"}, 1100);  

    jQuery("#feature-1-text").animate({left:"-=748px"}, 1100);  
    jQuery("#feature-1-number").animate({left:"-=748px"}, 1100);

    prepare_feature2();
    setTimeout("slidein_feature2()", 500);   
}

function slideout_feature2() {  
    jQuery("#homepage-feature").animate({backgroundPosition:"-=748px 0px"}, 1100);  

    jQuery("#feature-2-text").animate({left:"-=748px"}, 1100);  
    jQuery("#feature-2-number").animate({left:"-=748px"}, 1100);

    prepare_feature3();
    setTimeout("slidein_feature3()", 500);   
}

function slideout_feature3() {  
    jQuery("#homepage-feature").animate({backgroundPosition:"-=748px 0px"}, 1100);  

    jQuery("#feature-3-guy").animate({left:"-=748px"}, 1100);  
    jQuery("#feature-3-text").animate({left:"-=748px"}, 1100);  
    jQuery("#feature-3-number").animate({left:"-=748px"}, 1100);

    prepare_feature4();
    setTimeout("slidein_feature4()", 500);   
}

function slideout_feature4() {  
    jQuery("#homepage-feature").animate({backgroundPosition:"-=748px 0px"}, 1100);  

    jQuery("#feature-4-text").animate({left:"-=748px"}, 1100);  
    jQuery("#feature-4-number").animate({left:"-=748px"}, 1100);

    prepare_feature5();
    setTimeout("slidein_feature5()", 500);   
}

function slideout_feature5() {  
    jQuery("#homepage-feature").animate({backgroundPosition:"-=748px 0px"}, 1100);  

    jQuery("#feature-5-text").animate({left:"-=748px"}, 1100);  
    jQuery("#feature-5-number").animate({left:"-=748px"}, 1100);

    prepare_feature6();
    setTimeout("slidein_feature6()", 500);   
}

function slideout_feature6() {  
    jQuery("#homepage-feature").animate({backgroundPosition:"-=748px 0px"}, 1100);  

    jQuery("#feature-6-guy").animate({left:"-=748px"}, 1100);  
    jQuery("#feature-6-text").animate({left:"-=748px"}, 1100);  
    jQuery("#feature-6-number").animate({left:"-=748px"}, 1100);

    prepare_feature1();
    setTimeout("slidein_feature1()", 500);   
}


function animation() {
    slidein_feature1();
}

jQuery(document).ready(function($) {
    setTimeout("animation()", 500); 
});