﻿
function costumersInit() {
    if ($("#costumersList li").length > 2) {

        listRotator("#costumersList");
    } else {
        centerize("#costumersList");
    }
}

function videoInit() {
    $("#videoLinks .linked").click(function() {
    var stackPosition = $("#videoLinks .linked").index(this);
        $("#videoThumbs div").css("display", "none");
        $("#videoThumbs div:eq(" + stackPosition + ")").css("display", "block");
    });
}
function listRotator(elem) {
    var $listItems = $(elem).find("li");
    var num_of_items = $listItems.length;
    var width = parseInt($(elem).find("li:first").css("width"));
    var padding = outerWidth($listItems);
    var totalWidth = (width + padding) * num_of_items;
    var listTotalWidth = totalWidth + (padding * 2) + 'px';
    var endPoint = (0 - totalWidth) + 'px';
    var startPoint = 3 * width;
    var speed = 7000 * num_of_items;
    var images = $listItems.find("img");
    $(elem).css("width", listTotalWidth);
    $(elem).animate({ left: endPoint }, speed, "linear", function() {
        $(elem).css("left", startPoint);
        listRotator(elem);
    });
}

function outerWidth(elem) {
    var x = 0;
    x += parseInt($(elem).css("padding-left"));
    x += parseInt($(elem).css("padding-right"));
    x += parseInt($(elem).css("margin-left"));
    x += parseInt($(elem).css("margin-right"));
    x += parseInt($(elem).css("border-right-width")) || 1;
    x += parseInt($(elem).css("border-left-width")) || 1;
    x += 1;
    return x;
}

function centerize(elem) {
    var $listItems = $(elem).find("li");
    var num_of_items = $listItems.length;
    var width = parseInt($listItems.css("width"));
    var padding = outerWidth($listItems);
    var totalWidth = (width + padding) * num_of_items;
    var $lastItem = $(elem).find("li:last");
    var margin_to_substract = parseInt($lastItem.css("margin-left")) + parseInt($lastItem.css("margin-right"));
    var listTotalWidth = (totalWidth - margin_to_substract) + 'px';
    $(elem).find("li:last").css("margin", 0);
    $(elem).css("float", "none");
    $(elem).css("width", listTotalWidth);
    $(elem).css("margin", "auto");
}