function hppromo_anim(selector, animd, viewd){

    if (typeof(banner_cancel) == 'undefined') {
        var toshow = false;
        var tohide = false;
        
        // find items
		var i = 0;
		var index = 1;
        $(selector).find('a').each(function(){
			i++;
            if ($(this).css('display') != 'none') {
                tohide = this;
            }
            
            if (tohide) {
                if ($(this).css('display') == 'none') {
                    toshow = this;
					index = i;
                }
            }
            return !(toshow && tohide);
        });
        
        if (!toshow) {
            $(selector).find('a').each(function(){
                if ($(this).css('display') == 'none') {
                    index = 1;
					toshow = this;
                    return false;
                }
            });
        }
        
        $(tohide).fadeOut(animd);
        $(toshow).fadeIn(animd);
		hppromo_selectControl($('#banner_ctrl'+index));
        
        setTimeout(function(){
            hppromo_anim(selector, animd, viewd);
        }, viewd);
    }
}

function hppromo_addControls(selector){
    $(selector).append('<div id="banner_ctrl" style="background-color: transparent; position: absolute; right: 5px; bottom: 5px; z-index: 10000000;"></div>');
    var c = $('#banner_ctrl');
    var i = 0;
    $(selector).find('a').each(function(){
        i++;
        var a = 'banner_ctrl' + i;
        c.append('<div id="' + a + '" style="display: block; background-color:#676771; border: 1px solid #48484F; margin: 2px; color: white; padding: 1px 4px; float: left; cursor:pointer;">' + i + '</a>');
        
        a = $('#' + a);
        var b = $(this);
        
        a.bind('click', function(){
            banner_cancel = true;
            $(selector).find('a').each(function(){
                if ($(this).css('display') != 'none') {
                    $(this).fadeOut(1000);
                }
            });
            b.fadeIn(1000);
			hppromo_selectControl(a);
        });
    });
}

function hppromo_selectControl(s) {
	var c = $('#banner_ctrl');
	
	c.find('div').each(function() {
		$(this).css('background-color','#676771');
	});
	
	s.css('background-color','#D50100');
}


function hppromo_start(selector, animd, viewd){
    $(selector).css('position', 'relative');
    $(selector).find('a').each(function(){
        $(this).css('position', 'absolute');
    });
    hppromo_addControls(selector);
	hppromo_selectControl($('#banner_ctrl'+1));
    $(document).ready(function(){
        setTimeout(function(){
            hppromo_anim(selector, animd, viewd);
        }, viewd);
    })
}







