$(document).ready(function () {
    fill_block(false, true);
    if ($("div.roller").length > 1) {
        timeout_id = setTimeout("autoRoller()", 10000);
    }
});

var first_active_half_roller = 0;

function fill_block(invert, first) {
    var collection = $(".roller_half_block");
    if (collection.length == 0) return false;
    var block;
    var left = false;
    var right = false;
    $("div.roller")
    if (first) {
        block = $("div.roller.visible");
        left = 0;
        if (collection.length > 1) right = 1;
    } else {
        block = $("div.roller:not(.visible)");
        
        if (invert) {
            var left = first_active_half_roller-2;
            if (left < 0) left = collection.length + left;
        } else {
            var left = first_active_half_roller+2;
            if (left >= collection.length) left = left - collection.length;
        }
        
        right = left + 1;
        if (right == collection.length) right = 0;
    }

    $(".roller_half:first", block).html("").append(collection.eq(left).html());
    if (right !== false) $(".roller_half:last", block).html("").append(collection.eq(right).html());
    first_active_half_roller = left;
}

function autoRoller() {
    roller_forward_move("big_roller", "div.roller");
	timeout_id = setTimeout("autoRoller()", 10000);
}


function roller_navigation(show) {
	if (show) $("div.navigation").css("visibility", "visible");
		else $("div.navigation").css("visibility", "hidden");
}


function roller_forward() {
	clearTimeout(timeout_id);
	roller_forward_move("big_roller", "div.roller");
	timeout_id = setTimeout("autoRoller()", 10000);
}

function roller_back() {
	clearTimeout(timeout_id);
	roller_back_move("big_roller", "div.roller");
	timeout_id = setTimeout("autoRoller()", 10000);
}

function six_roller_forward() {
	key = "six_roller";
	if (key_array[key]) return;
	key_array[key] = true;
	var collection = $("div.six");
	moveSingleRoller(collection, false, key);
	var max_count = $("#six-max-count").text();
	var first =  $("#six-first").text();
	var last =  $("#six-last").text();
	if (last == max_count) {
	    $("#six-first").text("1");
	    if (max_count > 6) $("#six-last").text("6");
	    else $("#six-last").text(max_count);
		return;
	}
	first = parseInt(first) + 6;
	last = parseInt(last) + 6;
	if (last > max_count) last = max_count;
	$("#six-first").text(first);
	$("#six-last").text(last);
}

function six_roller_back() {
	key = "six_roller";
	if (key_array[key]) return;
	key_array[key] = true;
	var collection = $("div.six");
	moveSingleRoller(collection, true, key);
	var max_count = $("#six-max-count").text();
	var first =  $("#six-first").text();
	var last =  $("#six-last").text();
	if (first == "1") {
		$("#six-first").text(Math.ceil(parseInt(max_count)/6)*6 - 5);
		$("#six-last").text(max_count);
		return;
	}
	first = parseInt(first) - 6;
	last = first + 5;
	$("#six-first").text(first);
	$("#six-last").text(last);
}


function catalog_change_additional(num) {
    
	if ($("#catalog > div[id!=catalog_header]").eq(num).attr("gg-page") == 0) {
	    $("#catalog > div[id!=catalog_header]").eq(num).attr("gg-page", 1);
	    catalog_load();
	}
}

function catalog_forward() {

    var div = $("#catalog > div[id!=catalog_header]:visible");
    var page = div.attr("gg-page");
    page++;
    div.attr("gg-page", page);
    catalog_load();
}

function catalog_back() {
    var div = $("#catalog > div[id!=catalog_header]:visible");
    var page = div.attr("gg-page");
    page--;
    div.attr("gg-page", page);
    catalog_load();
}

function catalog_load() {
    var div = $("#catalog > div[id!=catalog_header]:visible");
    var page = div.attr("gg-page");
    var category = div.attr("gg-category");
    var wideVersion = "False";
    if (div.parent().hasClass("big_catalog")) {
        wideVersion = "True";
    }

    var url = "/Prod/List?genre2=" + category + "&page=" + page + "&wideVersion="+wideVersion;

    var genre = div.parent().attr("gg-genre");
    if (genre !== undefined) {
        url += "&genre1="+genre;
    }
    
    div.load(url, function () {
        start_handlers(div);
        clearCache();
        $("[gg-width]", div).each(function () { crop_text($(this)); });
    });
}