// JavaScript Document
var pp_arr = Array();
var pp_i = -1;
var pp_changeTime = 1000;
var pp_deleyTime = 5000;
var pp_t;

var hp_arr = Array();
var hp_i = -1;
var hp_changeTime = 1000;
var hp_deleyTime = 5000;
var hp_t;

window.addEvent("domready", function(){
	if (pp_arr.length > 0){
		createProduct();
	}
	if (hp_arr.length > 0){
		createHotProduct();
	}
});

function p_move(){
	
	var it = $('ml_khuyenmai').getElements("div.ml_center")[0].getElements("div.pp_item");
	if (it.length == 1) {
		it[0].set("tween", {
			duration: pp_changeTime	,
			onComplete: function(){
				pp_t = setInterval(createProduct, pp_deleyTime);
			}
		}).tween("top", (parseInt(it[0].getStyle("top")) - 230) + 'px');
	} else {
		for(i=0; i<it.length; i++) {
			if (i == it.length - 1) {
				it[i].set("tween", {
					duration: pp_changeTime	,
					onComplete: function(){
						pp_t = setInterval(createProduct, pp_deleyTime);
					}
				}).tween("top", (parseInt(it[i].getStyle("top")) - 230) + 'px');
			}
			else
			{
				it[i].set("tween", {
					duration: pp_changeTime
				}).tween("top", (parseInt(it[i].getStyle("top")) - 230) + 'px');
			}
		}
	}
}

function createProduct(){
	
	clearInterval(pp_t);
	pp_i += 1;
	if (pp_i >= pp_arr.length) {
		pp_i = 0;
	}
	
	var p_item = pp_arr[pp_i];
	var ml_center = $('ml_khuyenmai').getElements("div.ml_center")[0];
	
	if (ml_center.getElements("div.pp_item").length == 2) {
		var fs = ml_center.getElements("div.pp_item")[0];
		ml_center.removeChild(fs);
	}
	
	var div =  new Element("div",{
		"styles": {
			"top":"230px"	
		},
		"class": "pp_item",
		"html": '<div class="p_title">'+p_item[0]+'</div><div><a href="'+p_item[4]+'"><img src="'+p_item[1]+'"/></a></div><a href="#" class="icon_cart"></a><div class="new_price">'+p_item[2]+' VND</div><div class="old_price">'+p_item[3]+'</div><div class="detail"><a href="'+p_item[4]+'">Chi tiết</a></div>'
	}).injectInside(ml_center);
	
	p_move();
	
}

function createHotProduct(){
	clearInterval(hp_t);
	hp_i += 1;
	if (hp_i >= hp_arr.length) {
		hp_i = 0;
	}
	var p_item = hp_arr[pp_i];
	var h_center = $('mr_hot_product').getElements("div.mr_hot_product_contain")[0];
	if (h_center.getElements("div.pp_item").length == 2) {
		var fs = h_center.getElements("div.pp_item")[0];
		h_center.removeChild(fs);
	}
	
	var div =  new Element("div",{
		"styles": {
			"top":"230px"	
		},
		"class": "pp_item",
		"html": '<div class="p_title">'+p_item[0]+'</div><div><a href="'+p_item[4]+'"><img src="'+p_item[1]+'"/></a></div><a href="#" class="icon_cart"></a><div class="new_price">'+p_item[2]+' VND</div><div class="old_price">'+p_item[3]+'</div><div class="detail"><a href="'+p_item[4]+'">Chi tiết</a></div>'
	}).injectInside(h_center);
	
	hp_move();
}

function hp_move(){

	var it = $('mr_hot_product').getElements("div.mr_hot_product_contain")[0].getElements("div.pp_item");
	if (it.length == 1) {
		it[0].set("tween", {
			"duration": hp_changeTime	,
			"onComplete": function(){
				hp_t = setInterval(createHotProduct, hp_deleyTime);
			}
		}).tween("top", (parseInt(it[0].getStyle("top")) - 230) + 'px');
	} else {
		for(i=0; i<it.length; i++) {
			if (i == it.length - 1) {
				it[i].set("tween", {
					"duration": hp_changeTime	,
					"onComplete": function(){
						hp_t = setInterval(createHotProduct, hp_deleyTime);
					}
				}).tween("top", (parseInt(it[i].getStyle("top")) - 230) + 'px');
			}
			else
			{
				it[i].set("tween", {
					"duration": hp_changeTime
				}).tween("top", (parseInt(it[i].getStyle("top")) - 230) + 'px');
			}
		}
	}

}