// carusel object, loads data about users and makes slide show
var carousel = (function(/*Variant*/container, /*Boolean*/autoload){

	var _carousel = {};
    
    // domain
    var fixDomain = ["www.", "dev.", "local."];
    var domain = location.hostname;
    for (var i = 0, p; p = fixDomain[i]; i += 1) {
    	domain = domain.replace(p, "");
    }
    var domainSplit = domain.split(".");
    domain = domainSplit[0];
    
    
    
    // check for browser compatibility
    var isIE6 = navigator.userAgent.indexOf('MSIE 6') > -1;

    // vars for navi
    var pE = false, nE = false;
    
    // vars for slide animation
    var numItems=0, totalWidth = 0, tt=300 /*total time*/, acc= 1 /*acceleration type 0, 1, 2, 3 */, off = 545/*Offset*/, lastItem = 0;
    
    // timer object
    var timer;
    
    // keep old responce
    var oldResponse = '';
    
    // main wrapper
    var wrapper = document.createElement('div');
    
    // previous item button
    var prev = document.createElement('div');
    var prevBtn = new Image();
    
    // next item button
    var next = document.createElement('div');
    var nextBtn = new Image();
    
    // clip region
    var clip = document.createElement('div');
    
    // list of items
    var list = document.createElement('ul');
    
    // loader div for start
    var loader = document.createElement('div');
    
    // Animation object
    var anim;
    
    // load url
    var loadURL = "/?carousel_items";
    
    $get(wrapper).setStyle({
        'width' : '546px',
        'padding' : isIE6 ? '0 21px 0 7px' : '0 14px 0 10px',
        'margin' : 0,
        'overflow' : 'hidden',
        'position' : 'relative'
    });
    
    $get(prev).setStyle({
        'position' : 'absolute',
        'left' : 0,
        'top' : 0,
        'cursor' : 'pointer',
        'z-index' : 3
    });
    
    $get(next).setStyle({
        'position' : 'absolute',
        'right' : 0,
        'top' : 0,
        'cursor' : 'pointer',
        'z-index' : 3
    });
    
    $get(clip).setStyle({
        'margin' : '0 auto',
        'overflow' : 'hidden',
        'position' : 'relative'
    });
    
    $get(list).setStyle({
        'display' : 'block',
        'position' : 'relative',
        'margin' : 0,
        'padding' : 0,
        'line-height' : 0,
        'height' : '193px',
        'width' : 1e+7 + 'px',
        'z-index' : 1,
        'left' : 0
    });
    
    $get(loader).setStyle({
        'width' : '545px',
        'height' : '193px',
        'position' : 'relative',
        'background' : '#fff url(ajax-loader.gif) no-repeat scroll center center'
    });
    
    function newCycle() {
    	var c = arguments.length && arguments[0] == true;
    	if (anim) {
        	anim.pause();
        	anim = null;
        }
        var _list = list.getElementsByTagName('li');
        var last = _list[lastItem];
        if (parseInt(numItems - 1) !== lastItem) {
        	lastItem = parseInt(numItems - 1);
        }
        
        list.insertBefore(last, list.firstChild);
        list.style.left = '0px';
        
        timer = Timer(7000, numItems);
    	timer.on(Timer.TIMER, showNext);
    	if (c) {
    		timer.on(Timer.COMPLETE, newCycle, [true]);
        } else {
        	timer.on(Timer.COMPLETE, function(){newCycle(false); new Net.Loader(loadURL + '&ts=' + new Date().getTime(), {onComplete : checkNewProfiles});});
        }
        timer.start();
        nextEnabled();
        prevDisabled();
    }
    
    // check if there are fresh profiles, add them to the list and start cycling again
    function checkNewProfiles(transport) {
        var response = transport.responseText;
        
        if (response && response !== oldResponse) {
            var item;
            var r = /<div class="memberWrap">/i;
            var itemsOld = oldResponse.split(r);
            var itemsNew = response.split(r);
            for(var i=0; item=itemsNew[i]; i+=1) {
                if(item === '' || item.match(/^<!--/)) {
                    continue;
                }
                if(itemsOld.indexOf(item) === -1) {
                    addItem('<div class="memberWrap">' + item);
                    itemsOld.push(item);
                    numItems += 1;
                }
            }
            var newResponse = ['<div class="memberWrap>' + itemsOld[0]];
            itemsOld.shift();
            newResponse.concat(itemsOld);
            oldResponse = newResponse.join('<div class="memberWrap">');
        }
    };
    
    function populateItems(/*Object*/transport, /*Boolean*/listIsComplete) {
        clip.innerHTML = '';
        clip.appendChild(list);
        
        var response = transport.responseText;
        oldResponse = response;
        var items = response.split(/<div class="memberWrap">/i), item;
        
        for(var i=0; item=items[i]; i+=1) {
            // Gecko browsers treat whitespace as text node, so we need to check 
            // if first item in array is empty string (IE ignores whitespase)
            if(item === '' || item.match(/^<!--/)) {
                continue;
            }
            addItem('<div class="memberWrap">' + item);
            numItems += 1;
        }
        
        lastItem = parseInt(numItems - 1);
        totalWidth = numItems * off;
        
        if(totalWidth === 0) {
            nextDisabled();
            prevDisabled();
        } else if(parseInt(list.style.left) === 0){
            nextEnabled();
            prevDisabled();
        } else {
            nextEnabled();
            prevEnabled();
        }
        
        // auto rotate
        timer = Timer(7000, numItems - 1);
        timer.on(Timer.TIMER, showNext);
        if (listIsComplete && listIsComplete === true) {
        	timer.on(Timer.COMPLETE, newCycle, [true]);
        } else {
        	timer.on(Timer.COMPLETE, function(){newCycle(false); new Net.Loader(loadURL + '&ts=' + new Date().getTime(), {onComplete : checkNewProfiles});});
        }
        timer.start();
    };
    
    // functions for animating list
    function checkButtons(dir) {
        
        var curr = parseInt(list.style.left);
        
        if(curr === 0 && dir === 0) {
            prevDisabled();
            nextEnabled();
            return false;
        } else if (curr === off - totalWidth && dir === 1) {
            prevEnabled();
            nextDisabled();
            return false;
        } else {
            prevEnabled();
            nextEnabled();
            return true;
        }
    };
    
    function showNext(e) {
        e = EventUtil.formatEvent(e);
        if(e.type && e.type === 'click') {
            e.stopPropagation();
            e.target.onclick = null;
            pE = nE = false;
            // stop auto rotate if running
            if(timer && timer.running) {
                timer.stop();
                timer = null;
            }
        }
        //alert (list.style.left);
        var targetPos = parseInt(list.style.left)-off;
        anim =  new Animator.Css();
        anim.animate(list, 'left', targetPos, tt, acc, 0, function(){anim = null;checkButtons(1);});
    };
    
    function showPrevious(e) {
        e = EventUtil.formatEvent(e);
        if(e.type && e.type === 'click') {
            e.stopPropagation();
            e.target.onclick = null;
            pE = nE = false;
            // stop auto rotate if running
            if(timer && timer.running) {
                timer.stop();
                timer = null;
            }
        }
        var targetPos = parseInt(list.style.left)+off;
        anim =  new Animator.Css();
        anim.animate(list, 'left', targetPos, tt, acc, 0, function(){anim = null;checkButtons(0);});
    };
    // end functions for animating list
    
    // button change state functions
    function prevEnabled() {
        if(pE) {
            return;
        }
        prevBtn.src = '/templates/' + domain + '/ver2/images/carousel/left-enabled.gif';
        prevBtn.onclick = showPrevious;
        pE = true;
    };
    
    function prevDisabled() {
        prevBtn.src = '/templates/' + domain + '/ver2/images/carousel/left-disabled.gif';
        prevBtn.onclick = null;
        pE = false;
    };
    
    function nextEnabled() {
        if(nE) {
            return;
        }
        nextBtn.src = '/templates/' + domain + '/ver2/images/carousel/right-enabled.gif';
        nextBtn.onclick = showNext;
        nE = true;
    };
    
    function nextDisabled() {
        nextBtn.src = '/templates/' + domain + '/ver2/images/carousel/right-disabled.gif';
        nextBtn.onclick = null;
        nE = false;
    };
    // end button change state functions
    
    // function for adding items to the list
    function addItem(text){
        var li = document.createElement('li');
        $get(li).setStyle({
            'height' : '193px',
            'margin' : 0,
            'padding' : 0,
            'margin-left' : '5px',
            'width' : '540px',
            'float' : 'left',
            'list-style' : 'none',
            'overflow' : 'hidden',
            'text-align' : 'center',
            'display' : 'block',
            'font' : '10px verdana, arial, sans-serif',
            'color' : '#666'
        });
        li.innerHTML = text;
        list.appendChild(li);
        
        //set all images display block
        var imgs = li.getElementsByTagName('img'), img;
        for(var i=0; img = imgs[i]; i+=1) {
            img.style.display = 'block';
        }
        
        // fix height in IE
        if (TOOL.Client.IE) {
            var wps = li.getElementsByClassName('memberWrap'), w;
            for(var i=0; w = wps[i]; i+=1) {
                w.style.height = '193px';
            }
        } 
    };
    // end function for adding items to the list
    
    function init() {
        wrapper.appendChild(prev);
        wrapper.appendChild(next);
        wrapper.appendChild(clip);
        prev.appendChild(prevBtn);
        next.appendChild(nextBtn);
        
       // clip.appendChild(loader);
        
        //clip.appendChild(list);
        $get(container).appendChild(wrapper);
        
        nextDisabled();
        prevDisabled();
        
        if (autoload) {
        	new Net.Loader(loadURL, {onComplete : populateItems});
        }
    };
    
    function reset() {
    	if (anim) {
    		anim = null;
    	}
    	if (timer) {
    		timer.stop();
    		timer = null;
    	}
    	list.innerHTML = "";
    	list.style.left = "0px";
    	clip.innerHTML = "";
    	clip.appendChild(loader);
    	oldResponse = "";
    	numItems = 0;
    	lastItem = 0;
    	nextDisabled();
        prevDisabled();
    }
    
    _carousel.populateItems = function (/*String*/items) {
    	populateItems({responseText : items}, true);
    };
    
    _carousel.setLoadURL = function (/*String*/url) {
    	loadURL = url;
    };
    
    _carousel.loadItems = function (/*String*/url) {
    	loadURL = url;
    	reset();
    	new Net.Loader(loadURL, {onComplete : populateItems});
    };
    
    if(window.attachEvent) {
        window.attachEvent('onload', init);
    } else {
        window.addEventListener('load', init, false);
    }
    
    return _carousel;
    
})("bd", true);