jQuery.fn.myMOTbannerSlide = function() {

    var i = 0;
    var elCount = jQuery(this).find("li").size();

    //Store the Datas into Array!!
    var bannerData = jQuery(this).children();
    var totalData = bannerData.length;

    DataImgCaption = new Array();
    DataSrcs = new Array();
    DataTitles = new Array();
    DataDescs = new Array();
    DataLink = new Array();

    bannerData.each(function(el) {
        theli = jQuery(this);
        DataLink.push(theli.find("span a").attr("href"));
        DataSrcs.push(theli.find("img").attr("src"));
        DataTitles.push(theli.find("span a").html());
        DataDescs.push(theli.find("p").html());
    });

    //Remove the Element
    jQuery(this).remove();


    slideNow();

    var t;
    if (totalData > 1) {
        t = setInterval(function() { rotateSlide() }, 5000);
    }


    for (cc = 0; cc < totalData; cc++) {
        var shownum = cc + 1;
        jQuery(".inotold_bannerNav").append("<span style='text-align:center;line-height:15px;cursor:pointer;width:15px;height:15px;font-size:10px;display:inline-block;background-color:#FFF;color:#000;border:1px solid #dcdcdc;margin:3px' class='num" + cc + "'>" + shownum + "</span>");
        jQuery(".num" + cc).click(function() {
            var a = jQuery(this).html();
            i = a - 1;
            clearTimeout(t)
            t = setInterval(function() { rotateSlide() }, 5000);
            slideNow();
        });
    }


    function rotateSlide() {
        //alert(i);
        if (i > elCount - 1) {
            i = 0;
        }

        slideNow();


    }
    jQuery(".inotold_bannerNav span.num0").css("background-color", "#cecece");
    function slideNow() {
        var thisImgCaption = DataImgCaption[i];
        var thisImgSrc = DataSrcs[i];
        var thisTitle = DataTitles[i];
        var thisDesc = DataDescs[i];
        var thisLink = DataLink[i];
        jQuery(".inotold_bannerNav span").css("background-color", "#FFF");
        jQuery(".inotold_bannerNav span.num" + i).css("background-color", "#cecece");
        i++;
		jQuery(".inotold_bannerLeft").find("a").attr("href",thisLink);
		
        jQuery(".inotold_bannerLeft").find("img").fadeOut("slow", function() {
            jQuery(this).attr("src", thisImgSrc).fadeIn();
        });

        //jQuery(".mot_MCBanner_title").html(thisTitle);
		jQuery(".inotold_bannerDesc").html("<p><span>" + thisTitle + "</span>" + thisDesc + "</p>");

	}

}

jQuery(document).ready(function() {
    jQuery("ul#inotold_bannerList").myMOTbannerSlide();
})