jQuery.noConflict();
jQuery(function(jQuery) {

    var h1 = 90;
    var h2 = 161;
    var heighto;
    var id;
    var html;
    var swichers = new Array();
    var counter;
    var capH;
    var capW;
    var animation;
    var swicher;

    jQuery('.bedwebtop-whitebox').mouseenter(function(){
       
        jQuery(this).animate({
            'top':'-=79px'
        });

    });
    jQuery('.bedwebtop-whitebox').mouseleave(function(){

        jQuery(this).animate({'top':'+=79px'});

    });
jQuery('.s3sliderImage span').addClass('anim1')
jQuery('#bedwebtop-target-img').attr('src', jQuery('#bedwebtop-image_1').attr('src'));
html = jQuery('#bedwebtop-html_1').html();
jQuery('#bedwebtop-target-html').html(html);
//jQuery('#bedwebtop-switcher_1').css('background-image','url("images/icon.png")');

jQuery('.bedwebtop-switcher').each(
function(){
   id = jQuery(this).attr('image');
   swichers.push(id);
});

counter = 1;
jQuery(document).everyTime(9000, 'slider', function(i) {

        counter = counter+1;
        if (counter > swichers.length)
            counter = 1;

        
        swicher = jQuery('#bedwebtop-switcher_'+counter);
        animation = swicher.attr('animation');

        jQuery('#bedwebtop-target-img').animate({opacity: 0}, 500, function(){
                jQuery('#bedwebtop-target-img').attr('src', jQuery('#bedwebtop-image_'+counter).attr('src'));
        });

        jQuery('#bedwebtop-target-html').animate({height: 0}, 500, function(){

            html = jQuery('#bedwebtop-html_'+counter).html();
            jQuery('#bedwebtop-target-html').html(html);
            
            if (animation == 1) {
                jQuery('.s3sliderImage span').removeClass();
                jQuery('.s3sliderImage span').addClass('anim1');
                heighto = h2
                
            }

            if (animation == 2) {
                jQuery('.s3sliderImage span').removeClass();
                jQuery('.s3sliderImage span').addClass('anim2');
                heighto = h1
                
            }

            if (animation == 3) {
                jQuery('.s3sliderImage span').removeClass();
                jQuery('.s3sliderImage span').addClass('anim3');
                heighto = h2;
                
            }

            if (animation == 4) {
                jQuery('.s3sliderImage span').removeClass();
                jQuery('.s3sliderImage span').addClass('anim4');
                heighto = h1;
            }
             
            jQuery('#bedwebtop-target-html').animate({height: heighto}, 500);

            
            jQuery('#bedwebtop-target-img').animate({opacity: 1}, 500);


        });
        
       

       

});


    jQuery('.bedwebtop-switcher').click(function(){

        id = jQuery(this).attr('image');
        animation = jQuery(this).attr('animation');

        counter = id;

        jQuery('#bedwebtop-target-img').animate({opacity: 0}, 500, function(){
                jQuery('#bedwebtop-target-img').attr('src', jQuery('#bedwebtop-image_'+id).attr('src'));
        });

        jQuery('#bedwebtop-target-html').animate({height: 0}, 500, function(){

            html = jQuery('#bedwebtop-html_'+id).html();
            jQuery('#bedwebtop-target-html').html(html);
            
            if (animation == 1) {
                jQuery('.s3sliderImage span').removeClass();
                jQuery('.s3sliderImage span').addClass('anim1');
                heighto = h2
                
            }

            if (animation == 2) {
                jQuery('.s3sliderImage span').removeClass();
                jQuery('.s3sliderImage span').addClass('anim2');
                heighto = h1
                
            }

            if (animation == 3) {
                jQuery('.s3sliderImage span').removeClass();
                jQuery('.s3sliderImage span').addClass('anim3');
                heighto = h2;
                
            }

            if (animation == 4) {
                jQuery('.s3sliderImage span').removeClass();
                jQuery('.s3sliderImage span').addClass('anim4');
                heighto = h1;
            }
            
            jQuery('#bedwebtop-target-html').animate({height: heighto}, 500);

           
            jQuery('#bedwebtop-target-img').animate({opacity: 1}, 500);


        });

        
        jQuery(document).resetTime(9000, 'slider', function(i) {


           
            counter = parseInt(counter)+1;
        
            if (counter > swichers.length)
                counter = 1;




            swicher = jQuery('#bedwebtop-switcher_'+counter);
            animation = swicher.attr('animation');

            jQuery('#bedwebtop-target-img').animate({opacity: 0}, 500, function(){
                 jQuery('#bedwebtop-target-img').attr('src', jQuery('#bedwebtop-image_'+counter).attr('src'));
            });
            
            jQuery('#bedwebtop-target-html').animate({height: 0}, 500, function(){

                html = jQuery('#bedwebtop-html_'+counter).html();
                jQuery('#bedwebtop-target-html').html(html);

            if (animation == 1) {
                jQuery('.s3sliderImage span').removeClass();
                jQuery('.s3sliderImage span').addClass('anim1');
                heighto = h2

            }

            if (animation == 2) {
                jQuery('.s3sliderImage span').removeClass();
                jQuery('.s3sliderImage span').addClass('anim2');
                heighto = h1

            }

            if (animation == 3) {
                jQuery('.s3sliderImage span').removeClass();
                jQuery('.s3sliderImage span').addClass('anim3');
                heighto = h2;

            }

            if (animation == 4) {
                jQuery('.s3sliderImage span').removeClass();
                jQuery('.s3sliderImage span').addClass('anim4');
                heighto = h1;
            }


            jQuery('#bedwebtop-target-html').animate({height: heighto}, 500);

           
            jQuery('#bedwebtop-target-img').animate({opacity: 1}, 500);

            });
      });

       
       
//        jQuery('.bedwebtop-switcher').css('background-image','none');
//        jQuery(this).css('background-image','url("images/icon.png")');

            
    })

});