// le variabili imgs, imgsservices e imgsevent sono dichiarate nell'index

//scelta casuale dell'url da visualizzare nel banner
var urls = [
    "url('/images/gheduzzi.jpg')",
    "url('/images/immcamillo.jpg')",
    "url('/images/morbelli.jpg')"
    ];
var rand = Math.floor(urls.length * (Math.random() % 1));
var url = urls[rand];
//variabili per le gallery
var cells = 3;
var position = 0;
var positionevent = 0;
var positionevents = 0;
var positionservices = 0;
$(function () {
    //cambio random dell'immagine del banner header
    $("#header-home").css("background-image", url);
    //in caso di messaggio di controllo sulla newsletter creo animazione per il messaggio
    setTimeout(function () { $("#err").animate({ top: "31px", opacity: "1" }, 2000, 'easeOutBounce'); }, 3000);
    //preparo la width della div da mascherare
    $("#coll-line").css("width", (imgs * 200) + "px");
    $("#coll-line-exhib").css("width", (imgsevent * 200) + "px");
	$("#coll-line-events").css("width", (imgsevents * 200) + "px");
    $("#coll-line-services").css("width", (imgsservices * 200) + "px");
    //al click scorro le div
    $("#collection .next").click(function () {
        if (position < (imgs - cells)) {
            position++;
            var px = position * 198 + 6;
            $("#coll-line").animate({ "left": "-" + px });
        }
    });
    $("#collection .prev").click(function () {
        if (position > 0) {
            position--;
            var px = position * 198 + 6;
            $("#coll-line").animate({ "left": "-" + px });
        }
    });
    $("#exhibitions .next").click(function () {
        if (positionevent < (imgsevent - cells)) {
            positionevent++;
            var px = positionevent * 198 + 6;
            $("#coll-line-exhib").animate({ "left": "-" + px });
        }
    });
    $("#exhibitions .prev").click(function () {
        if (positionevent > 0) {
            positionevent--;
            var px = positionevent * 198 + 6;
            $("#coll-line-exhib").animate({ "left": "-" + px });
        }
    });
	$("#events .next").click(function () {
        if (positionevents < (imgsevents - cells)) {
            positionevents++;
            var px = positionevents * 198 + 6;
            $("#coll-line-events").animate({ "left": "-" + px });
        }
    });
    $("#events .prev").click(function () {
        if (positionevents > 0) {
            positionevents--;
            var px = positionevents * 198 + 6;
            $("#coll-line-events").animate({ "left": "-" + px });
        }
    });
    $("#services .next").click(function () {
        if (positionservices < (imgsservices - cells)) {
            positionservices++;
            var px = positionservices * 198 + 6;
            $("#coll-line-services").animate({ "left": "-" + px });
        }
    });
    $("#services .prev").click(function () {
        if (positionservices > 0) {
            positionservices--;
            var px = positionservices * 198 + 6;
            $("#coll-line-services").animate({ "left": "-" + px });
        }
    });
});