var magicIsOn = true;
var magicHeader = function()
{
	var picN = 0;
	var totalPics = 9;
	var createMiniPicsOff = function()
	{
		var host = 0;
		for(var i = 0;i < 9;i++)
		{
			var cTop = Math.floor( i / 3 ) * 74;
			var cLeft = (i - (3 * Math.floor( i / 3 ))) * 74;
			host = Math.floor(i / 3);
			$('<div id="'+i+'"><img src="http://images'+host+'_.artembal.com/img/magicHeader/'+i+'.jpg" width="74" height="74" /></div>')
				.css("top",cTop)
				.css("left",cLeft)
				.appendTo($('#miniPicsHolder'));
		}
	}

	var createMiniPicsOn = function()
	{
		var host = 0;
		for(i = 0;i < 9;i++)
		{
			var cTop = Math.floor( i / 3 ) * 74;
			var cLeft = (i - (3 * Math.floor( i / 3 ))) * 74;
			host = Math.floor(i / 3);
			$('<div id="'+i+'on"><img src="http://images'+host+'_.artembal.com/img/magicHeader/'+i+'on.jpg" width="74" height="74" /></div>')
				.css("top",cTop)
				.css("left",cLeft)
				.appendTo($('#miniPicsHolder'))
				.hide();
		}
	}

	var createMainPics = function()
	{
		var host = 0;
		for(i = 0;i < 9;i++)
		{
			host = Math.floor(i / 3);
			$('<img id="'+i+'big" width="578" height="222" />')
				.css("position","absolute")
				.attr("src","http://images"+host+"_.artembal.com/img/magicHeader/"+i+"big.jpg")
				.appendTo($('#mainPicHolder'))
				.hide();
		}
	}
	createMiniPicsOff();
	createMiniPicsOn();
	createMainPics();
	$('#0big').fadeIn(1000);
	$('#0on').fadeIn(500);
	var picAnimation = function()
	{
		if(magicIsOn)
		{
			actualPic = picN;
			picN = ++picN % totalPics;
			$('#'+actualPic+'on').fadeOut(250);
			$('#'+actualPic+'big').fadeOut(1000);
			$('#'+picN+'on').fadeIn(250);
			$('#'+picN+'big').fadeIn(1000);
		}
		setTimeout(picAnimation,3000);
	}
	setTimeout(picAnimation,3000);
}

// --------------- PRODUCTOS
var productos = [
	{
		value:"film stretch",
		label:"Film Stretch",
		destination:"productPage.php?p=film_stretch"
	},
	{
		value:"flejes",
		label:"Flejes",
		destination:"productPage.php?p=flejes"
	},
	{
		value:"hang tabs",
		label:"Hang-tabs",
		destination:"productPage.php?p=hang-tabs"
	},
	{
		value:"flejadora semiautomática tp201",
		label:"Flejadora semiautomática TP201",
		destination:"productPage.php?p=flejadora_semi-automatica_tp201"
	},
	{
		value:"flejadora automatica tp6000",
		label:"Flejadora automática TP6000",
		destination:"productPage.php?p=flejadora_automatica_tp6000"
	},
	{
		value:"flejadora full automatica tp601a",
		label:"Flejadora Full Automática TP601A",
		destination:"productPage.php?p=flejadora_full-automatica_tp601a"
	},
	{
		value:"cerradora de cajas",
		label:"Cerradora de cajas",
		destination:"productPage.php?p=cerradora_de_cajas"
	},
	{
		value:"cerradora de cajas cierrasolapas",
		label:"Cerradora de cajas cierrasolapas",
		destination:"productPage.php?p=cerradora_de_cajas_cierrasolapas"
	},
	{
		value:"cerradora de cajas",
		label:"Cerradora de cajas",
		destination:"productPage.php?p=cerradora_de_cajas_n"
	},
	{
		value:"transportín",
		label:"Transportín",
		destination:"productPage.php?p=transportin"
	},
	{
		value:"palletizadora",
		label:"Palletizadora",
		destination:"productPage.php?p=palletizadora"
	},
	{
		value:"papel",
		label:"Papel",
		destination:"papel.php"
	},
	{
		value:"cajas de cartón",
		label:"Cajas de cartón",
		destination:"productPage.php?p=cajas_de_carton"
	},
	{
		value:"herramientas",
		label:"Herramientas",
		destination:"herramientas.php"
	},
	{
		value:"precintos",
		label:"Precintos",
		destination:"productPage.php?p=precintos"
	},
	{
		value:"cintas de embalaje",
		label:"Cintas de Embalaje",
		destination:"productPage.php?p=cintas_de_embalaje"
	}
];