var tabTimer;
var tabTimeout = 3000;

var indic = 0;
var nb_of_pics = 0;







jQuery(function () {
    nb_of_pics = jQuery("#real li").size();
    tabTimer = window.setTimeout(ChangeTabOnTimeout, tabTimeout);
jQuery("#real:first").addClass("current");
    jQuery(".mainpic").hide();
    jQuery(".mainpic:first").show();

    jQuery("#real li").hover(function (index, currentTab) {
        window.clearTimeout(tabTimer);
        var currentTab = jQuery("#real .current");
        var newTab = jQuery(this);

        indic = jQuery("#real li").index(jQuery(this));		var newPic = jQuery(".mainpic:eq(" + indic + ")");
        ChangeTab(currentTab, newTab,newPic);
    });

    jQuery("#real li").mouseout(function () {window.clearTimeout(tabTimer);
        tabTimer = window.setTimeout(ChangeTabOnTimeout, tabTimeout);
    });
});

function ChangeTabOnTimeout() {
    var currentTab = jQuery("#real .current");

    var newTab = jQuery("#real li:eq(" + indic + ")");
	var newPic = jQuery(".mainpic:eq(" + indic + ")");
    ChangeTab(currentTab, newTab,newPic );
    tabTimer = window.setTimeout(ChangeTabOnTimeout, tabTimeout);
}

function ChangeTab(currentTab, newTab,newPic ) {
   // jQuery("#portfolio").attr('src', "realisations/images/" + newTab.attr("rel"));
    jQuery(".mainpic").hide();
	
	    if (!newPic)
		{
			
		}

	newPic.show();
//	alert(newPic.attr("id"));
//	('src', "realisations/images/" + newTab.attr("rel"));
 
	
    currentTab.removeClass("current");
    newTab.addClass("current");
    indic++;
    if (indic == nb_of_pics) indic = 0;
}