jQuery(document).ready(function () {
   
    jQuery(".productsliderheader ul li:first").addClass('active');
    jQuery("#articletextcontainer2").css('display', 'none');
    jQuery("#articleimagecontainer2").css('display', 'none');
    jQuery("#articletextcontainer1").html(jQuery(".slider li.active .textdiv").html());
    jQuery("#articleimagecontainer1").html(jQuery(".slider li.active .imagediv").html());


   
    interval = setInterval(function () {
        scrollrightpicture();
    }, 10000);


    jQuery(".slider li").click(function () {
        if ((jQuery("#articletextcontainer1").css('display') == "none")) {
            jQuery("#articletextcontainer2").fadeOut(1000);
            jQuery("#articleimagecontainer2").fadeOut(1000);
            jQuery(".slider li.active").removeClass('active');
            jQuery(this).addClass('active');
            jQuery("#articletextcontainer1").html(jQuery(".slider li.active .textdiv").html());
            jQuery("#articleimagecontainer1").html(jQuery(".slider li.active .imagediv").html());
            jQuery("#articletextcontainer1").fadeIn(1000);
            jQuery("#articleimagecontainer1").fadeIn(1000);
        }
        else {
            jQuery("#articletextcontainer1").fadeOut(1000);
            jQuery("#articleimagecontainer1").fadeOut(1000);
            jQuery(".slider li.active").removeClass('active');
            jQuery(this).addClass('active');
            jQuery("#articletextcontainer2").html(jQuery(".slider li.active .textdiv").html());
            jQuery("#articleimagecontainer2").html(jQuery(".slider li.active .imagediv").html());
            jQuery("#articletextcontainer2").fadeIn(1000);
            jQuery("#articleimagecontainer2").fadeIn(1000);
        }

        window.clearInterval(interval);
        interval = setInterval(function () {
            scrollrightpicture();
        }, 10000);
    });
});
function scrollrightpicture() {
    if (jQuery(".slider li").last().hasClass('active') == true) {
        if ((jQuery("#articletextcontainer1").css('display') == "none")) {
            jQuery("#articletextcontainer2").fadeOut(1000);
            jQuery("#articleimagecontainer2").fadeOut(1000);
            jQuery(".slider li").first().addClass('active');
            jQuery(".slider li").last().removeClass('active');
            jQuery("#articletextcontainer1").html(jQuery(".slider li.active .textdiv").html());
            jQuery("#articleimagecontainer1").html(jQuery(".slider li.active .imagediv").html());
            jQuery("#articletextcontainer1").fadeIn(1000);
            jQuery("#articleimagecontainer1").fadeIn(1000);
        }
        else {
            
            jQuery("#articletextcontainer1").fadeOut(1000);
            jQuery("#articleimagecontainer1").fadeOut(1000);
            jQuery(".slider li").first().addClass('active');
            jQuery(".slider li").last().removeClass('active');
            jQuery("#articletextcontainer2").html(jQuery(".slider li.active .textdiv").html());
            jQuery("#articleimagecontainer2").html(jQuery(".slider li.active .imagediv").html());
            jQuery("#articletextcontainer2").fadeIn(1000);
            jQuery("#articleimagecontainer2").fadeIn(1000);
        }
    }
    else {
        if ((jQuery("#articletextcontainer1").css('display') == "none")) {
            jQuery("#articletextcontainer2").fadeOut(1000);
            jQuery("#articleimagecontainer2").fadeOut(1000);
            jQuery(".slider li.active").next().addClass('active');
            jQuery(".slider li.active").prev().removeClass('active');
            jQuery("#articletextcontainer1").html(jQuery(".slider li.active .textdiv").html());
            jQuery("#articleimagecontainer1").html(jQuery(".slider li.active .imagediv").html());
            jQuery("#articletextcontainer1").fadeIn(1000);
            jQuery("#articleimagecontainer1").fadeIn(1000);
        }
        else {
            jQuery("#articletextcontainer1").fadeOut(1000);
            jQuery("#articleimagecontainer1").fadeOut(1000);
            jQuery(".slider li.active").next().addClass('active');
            jQuery(".slider li.active").prev().removeClass('active');
            jQuery("#articletextcontainer2").html(jQuery(".slider li.active .textdiv").html());
            jQuery("#articleimagecontainer2").html(jQuery(".slider li.active .imagediv").html());
            jQuery("#articletextcontainer2").fadeIn(1000);
            jQuery("#articleimagecontainer2").fadeIn(1000);
        }
    }
    window.clearInterval(interval);
    interval = setInterval(function () {
        scrollrightpicture();
    }, 10000);
};