/*
 * Alefzero IMG framework
 * Created by Alexandre Marcelo
 * version 0.1 - Ago '11
 * all rights reserved
 */

Img = new Object();

Img.DIV_CONTEINER = "#a0-img-div-conteiner";
Img.DIV_CONTEINER_VALUE = "a0-img-div-conteiner";
Img.DIV_ID = '#a0-img-div';
Img.DIV_IMG_ID = '#a0-img-div-img';
Img.DIV_ID_VALUE = 'a0-img-div';
Img.DIV_IMG_ID_VALUE = 'a0-img-div-img';

Img.prepare = function() {
	if (!document.getElementById(Img.DIV_ID_VALUE)) {
		link = document.createElement('link');
		link.rel = "stylesheet";
		link.href = "css/a0tools.css";
		link.type = "text/css";
		//$('head').append(link);

		$('body').prepend("<div id='" + Img.DIV_CONTEINER_VALUE + "' onClick='Img.hide()'></div>");

		div = document.createElement('div');
		div.id = Img.DIV_ID_VALUE;

		img = document.createElement('img');
		img.id = Img.DIV_IMG_ID_VALUE;
		div.appendChild(img);
		$(Img.DIV_CONTEINER).append(div);
		$(Img.DIV_ID).attr('onClick', 'Img.hide()');
	}
};

Img.hideImg = "";

Img.hide = function() {
	Img.prepare();
	$(Img.DIV_CONTEINER).fadeOut(function() {
		$(Img.DIV_IMG_ID).attr('src', Img.hideImg);
	});
};

Img.show = function(img, hideImg) {
	Img.prepare();
	$(Img.DIV_IMG_ID).attr('src', img);
	$(Img.DIV_CONTEINER).fadeIn();
	Img.hideImg = hideImg;
};



Img.roll = function(elemId, array, time) {
	Img.roll.array = array;
	Img.roll.timer = time;
	Img.roll.currentId = -1;
	Img.roll.elemId = elemId;
	Img.roll.next();
	setInterval('Img.roll.next()', Img.roll.timer);

};

Img.roll.next = function() {
	Img.roll.currentId = Img.roll.currentId + 1;
	if (Img.roll.currentId >= Img.roll.array.length) {
		Img.roll.currentId = 0;
	}
	$(Img.roll.elemId).fadeOut(1000,function() {
		$(Img.roll.elemId).attr('src', Img.roll.array[Img.roll.currentId]);
		$(Img.roll.elemId).fadeIn(1000);
	});
};






var array = [
	"#img01",
	"#img02",
	"#img03",
	"#img04",
	"#img05",
	"#img06",
	"#img07",
	"#img08",
	"#img09",
	"#img10"
];

var idAtual = 0;
var idAnterior = 9;
var roda = function() {
	$("#carregando").fadeOut(2000);
	$(array[idAnterior]).fadeOut(2000);
	$(array[idAtual]).fadeIn(2000);
	idAnterior = idAtual;
	if (idAtual == 9) {
		idAtual = 0;
	} else {
		idAtual++;
	}
};

