var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			   string: navigator.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();



var myURL = "";
/* função porreta! */
function AddEvent(object, evt, func, capture) {
	if(typeof func != 'function') {
		//alert('merda!');
		return false;
	}
	
	if(object.addEventListener) {
		object.addEventListener(evt, func, capture);
		return true;
	} else if (object.attachEvent) {
		object.attachEvent('on' + evt, func);
		return true;
    }
	
	return false;
}

function setBordas(table_name) {
	var imagens = document.getElementById(table_name).getElementsByTagName('img');
	for (i = 0; i < imagens.length; i++) {
		var img = imagens[i];
		img.style.border = "5px solid #eaeaea";
	}
}

function setParagraphs() {
	var para = document.getElementById('table_amostras').getElementsByTagName('p');
	for (i = 0; i < para.length; i++) {
		var parag = para[i];
		parag.style.width = "110px";
		parag.style.marginTop = "20px";
	}
}

function loadImagem(imageCode, srcImg, baseDir, baseCat) {
	var directory = "img_prod/luxaflex/" + baseDir + "/" + baseCat + "/";
	var file = directory + imageCode + "_gd.jpg";
	
	var box = document.getElementById('img_amostra');
	box.src = file;
	
	var imgfull = document.getElementById('poper');
	imgfull.innerHTML = '<img src=img/clique_aumenta.jpg />';
	
	var legenda = document.getElementById('amostra_legenda');
	legenda.innerHTML = imageCode.replace(/_/g, ' ');
	
	setBordas('table_amostras');
	
	var myImage = document.getElementById(imageCode);
	myImage.style.border = "5px solid #a42f29";
	
	var myPoper = document.getElementById('poper');
	myPoper.style.display = 'block';
	
	imagemDaVez = file;
	imagem_so = imagemDaVez;
	imagem_so = imagem_so.replace("_gd","");
	return false;
}

function limpaObj(obj) {
	while(ob = obj.firstChild) {
		obj.removeChild(ob);
	}
}

/* Ajaxes */

var httpRequest;

function loadCategorias(cat) {
	var myURL = '';
	var tech_div = document.getElementById('tech_specs');
	tech_div.style.display = 'none';
	
	limpaObj(document.getElementById('table_amostras'));
	limpaObj(document.getElementById('lista_colecoes'));
	
	document.getElementById('lower').style.display = 'none';
	document.getElementById('advert').style.display = 'block';
	
	if (cat != "") {
		if (window.XMLHttpRequest) { // Mozilla, Safari, ...
			httpRequest = new XMLHttpRequest();
			if (httpRequest.overrideMimeType) {
				httpRequest.overrideMimeType('text/xml');
					// See note below about this line
			}
		} else if (window.ActiveXObject) { // IE
			try {
				httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
			} 
			catch (e) {
				try {
					httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch (e) {
				}
			}
		}
	
		if (!httpRequest) {
			alert('Giving up :( Cannot create an XMLHTTP instance');
			return false;
		}
		
		var url = "persianas_processa.asp";
		var params = "tipo=lista&directory=" + cat;
	
		httpRequest.open('POST', url, true);
		
		httpRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		httpRequest.setRequestHeader("Content-length", params.length);
		httpRequest.setRequestHeader("Connection", "close");
		
		httpRequest.onreadystatechange = function() { getColecoes(httpRequest); };
		httpRequest.send(params);
	} else {
		aux = document.getElementById('lista_colecoes');
		aux.options[aux.options.length] = new Option ('Escolha uma categoria', '');
	}
}

function getColecoes() {
	if (httpRequest.readyState == 4) {
		if (httpRequest.status == 200) {
			obj = document.getElementById('lista_colecoes');
			limpaObj(obj);
			eval(httpRequest.responseText);
		} else {
			var churros = 1;
		}
	}
}

function loadColecoes(col, cat) {
	if (col != '') {
	
	var texto;
	
	// Ajuste de texto para os produtos Luxaflex.
	switch(col)
	{
		case "Duette":
			texto = "As cortinas Duette<sup><sup>®</sup></sup> possuem uma grande variedade de tecidos e texturas. E uma notável gama de cores, dos tons mais neutros até os mais rebuscados.<br>A cortina Duette<sup>®</sup> Vertiglide<sup>®</sup> possui as células posicionadas na vertical o que possibilita uma solução para vãos de passagem.";
			break;
			
		case "Luminette":
			texto = "O estilo elegante da Luminette<sup>®</sup> homenageia o plissado das cortinas tradicionais. Nossa seleção de tecidos delicados e discretos ostentam uma larga escala de cores e texturas.<p>E para um ambiente totalmente escuro há a coleção Evening Star.</p><p>A Cortina Luminette<sup>®</sup> foi desenvolvida para controlar completamente a luzem sua casa.</p><p>Suaves lâminas de tecido unidas por uma tela transparente e com um simples movimento na haste/cordão para abrir ou fechar a cortina completamente, além dos infinitos graus de luminosidade.</p>";
			break;
			
		case "Naturais":
			texto = "<p>Deixe a luz entrar através das tramas dos tecidos naturais das Cortinas Naturais Luxaflex<sup>®</sup>.</p><p>Com uma grande gama de cores e tecidos, você tem o poder de controlar a atmosfera de seu ambiente, tornando sua decoração ousada e inovadora.</p><p>Cortina Naturais, tecidos compostos de madeira, bambus, celulose e fibras naturais.</p>";
			break;
			
		case "Painel":
			texto = "<p>São muitos tipos de painéis em tecidos com efeitos de transparência, translúcidos e blackout que ressaltam seu estilo.</p>";
			break;
			
		case "Plissadas":
			texto = "<p>Nossas cortinas plissadas oferecem possibilidades de decoração com cores diferenciadas para uma decoração ousada, refinada com transparências ou aconchegantes com escurecimento total.</p>";
			break;
			
		case "Rolo":
			texto = "<p>Opções de tecidos: do mais elegante ao excêntrico, com variações de cores neutras.</p><p>Exclusivas telas solares em fibra de vidro com PVC que garantem luminosidade com proteção solar.</p>";
			break;
			
		case "Romanas":
			texto = "<p>Cortinas Luxaflex<sup>®</sup> Romanas na Damatex por um preço excelente. Encontre aqui uma imensa variedade de tecidos, texturas e cores para a decoração de sua casa ou empresa.</p>";
			break;

		case "Romanas_Wave":
			texto = "<p>O design das cortinas Romanas Wave Luxaflex<sup>®</sup>  torna uma simples janela em um espaço charmoso e com muita sofisticação.</p><p>As cortinas Romanas Wave Luxaflex<sup>®</sup> possuem uma larga escala de efeitos de luminosidade, graças aos tecidos com efeitos de transparência, translúcidos, e o opaco (blackout).</p>";
			break;
			
		case "Silhouette":
			texto = "<p>Deixe a luz entrar através das lâminas da Silhouette<sup>®</sup> 2” ou 3”. Com uma grande gama de cores e tecidos, você tem o poder de controlar a atmosfera de seu ambiente. Cortina Silhouette<sup>®</sup>, a idéia é simples e o resultado maravilhoso.</p><p>Suaves lâminas de tecido são suspensas entre telas com transparência, o que proporciona uma grande variedade de formatos, apenas controlando a inclinação da lâmina terá a quantidade exata de luz que você deseja.</p>";
			break;
			
		case "Vignette":
			texto = "<p>Nossas cortinas Vignette<sup>®</sup> podem ter graciosos gomos em 3’’ ou 4’’ em uma seleção de tecidos.</p><p>As suaves camadas de tecido, não enrugam nem amassam mesmo esticados, reclinados ou dobrados.</p><p>As cortinas Vignette<sup>®</sup> possuem na parte posterior um tecido neutro de revestimento protetor o que faz com que tenha uma aparência elegante em uma vista interna ou externa do ambiente.</p>";
			break;
			
		case "Aluminio_50mm":
			texto = "Nossas persianas de alumínio possuem fantásticos acabamentos e texturas, do metálico ao perolado e escovado, em qualquer cor que você imagine.";
			break;
			
		case "Aluminio_Original":
			texto = "Nossas persianas de alumínio possuem fantásticos acabamentos e texturas, do metálico ao perolado e escovado, em qualquer cor que você imagine.";
			break;

		case "Aluminio_Perfecta":
			texto = "Nossas persianas de alumínio possuem fantásticos acabamentos e texturas, do metálico ao perolado e escovado, em qualquer cor que você imagine.";
			break;
			
		case "Country_Woods":
			texto = "A Country Woods Luxaflex<sup>®</sup> possui lâminas em diversas tonalidades e acabamentos resistentes, para a harmonia com seus móveis.";
			break;

		case "Vertical_Design":
		texto = "Persianas Luxaflex<sup>®</sup> Vertical Design na Damatex com um excelente acabamento, texturas e cores. Faça seu orçamento na Damatex e confira nosso excelentes preços.";
		break;
		
		default:
			texto = "<p>\"Será que existe cortina Perfeita? SIM!!! <br />Da definição do Tecido à Costura e instalação, a Damatex não hesita! <br />Nosso Segredo está no acabamento, qualidade dos produtos e de nossos atendimentos.\"</p> <p>MODERNAS, TRADICIONAIS, CLASSICAS OU AO SEU ESTILO. <br />A Damatex Veste sua Janela com Elegância, Charme e um serviço Impecável!!! </p>";
			break;
	}

	// Ajuste de rodapé para o box dos textos. (muquiado total)
	// Não tinha muita opção, já que o box tinha que ser um degradê comprido e suave,
	// e os textos variavam muito de tamanho, causando um contraste de cor que prejudicavam 
	// o visual do box com a imagem de rodapé. (barraBox)
	
	switch(col)
	{

		case "Duette":
				document.getElementById("upper").style.height = "110px";
			
			document.getElementById("barrabox").src = "img/barraBox3.jpg";
			break;

		case "Painel":
				document.getElementById("upper").style.height = "90px";
			
			document.getElementById("barrabox").src = "img/barraBox3.jpg";
			break;
		case "Rolo":
		
				document.getElementById("upper").style.height = "120px";
		
			document.getElementById("barrabox").src = "img/barraBox3.jpg";
			break;
		case "Plissadas":

			if(BrowserDetect.browser == "Firefox")
				document.getElementById("upper").style.height = "110px";

			document.getElementById("barrabox").src = "img/barraBox3.jpg";
			break;
		case "Duette":
			document.getElementById("upper").style.height = 120;
			break;
		case "Romanas":
			if(BrowserDetect.browser == "Firefox")
				document.getElementById("upper").style.height = "130px";
			
			
			document.getElementById("barrabox").src = "img/barraBox3.jpg";
			break;
		case "Romanas_Wave":

			if(BrowserDetect.browser == "Firefox")
				document.getElementById("upper").style.height = "130px";

			document.getElementById("barrabox").src = "img/barraBox3.jpg";
			break;
		case "Vignette":
			document.getElementById("upper").style.height = "190px";
			document.getElementById("barrabox").src = "img/barraBox3.jpg";
			break;
		case "Silhouette":
			document.getElementById("upper").style.height = "160px";
			document.getElementById("barrabox").src = "img/barraBox3.jpg";
			break;
		case "Luminette":
			if(BrowserDetect.browser == "Firefox")
				document.getElementById("upper").style.height = "180px";
			else
				document.getElementById("upper").style.height = 200;
				
			document.getElementById("barrabox").src = "img/barraBox_per1.jpg";
			break;
		case "Country_Woods":
			
		case "Aluminio_50mm":
		case "Aluminio_Original":
		case "Aluminio_Perfecta":
			document.getElementById("upper").style.height = "80px";
			document.getElementById("barrabox").src = "img/barraBox_per2.jpg";
			break;
	
		default:
			document.getElementById("barrabox").src = "img/barraBox3.jpg";
	}
		
	var boxtexto = document.getElementById('texto');
	boxtexto.innerHTML = '<p>'+ texto +'</p>';

	var directory = "img/";
	var file = directory + "img_esc_textura.gif";
	var box = document.getElementById('img_amostra');
	box.src = file;		
	
	var legenda = document.getElementById('amostra_legenda');
	legenda.innerHTML = '';
	
	var imgfull = document.getElementById('poper');
	imgfull.innerHTML = '';


		
		if (col != 'Personalizado') {
			myURL = 'persianas_specs.asp?load=' + col;
			var tech_div = document.getElementById('tech_specs');
			tech_div.style.display = 'block';
		}
		
	
		if (window.XMLHttpRequest) { // Mozilla, Safari, ...
			httpRequest = new XMLHttpRequest();
			if (httpRequest.overrideMimeType) {
				httpRequest.overrideMimeType('text/xml');
					// See note below about this line
			}
		} else if (window.ActiveXObject) { // IE
			try {
				httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
			} 
			catch (e) {
				try {

					httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch (e) {
				}
			}
		}

		if (!httpRequest) {
			alert('Giving up :( Cannot create an XMLHTTP instance');
			return false;
		}
		
		var url = "persianas_processa.asp";
		var params = "tipo=amostra&directory=" + cat + "&col=" + col;
		
		httpRequest.open('POST', url, true);
		
		httpRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		httpRequest.setRequestHeader("Content-length", params.length);
		httpRequest.setRequestHeader("Connection", "close");
		
		httpRequest.onreadystatechange = function() { getAmostras(httpRequest); };
		httpRequest.send(params);
	} else {
		myURL = '';
		var tech_div = document.getElementById('tech_specs');
		tech_div.style.display = 'none';
		obj = document.getElementById('table_amostras');
		limpaObj(obj);
		document.getElementById('lower').style.display = 'none';
		document.getElementById('advert').style.display = 'block';
	}
}

function getAmostras() {
	if (httpRequest.readyState == 4) {
		if (httpRequest.status == 200) {
			obj = document.getElementById('table_amostras');
			limpaObj(obj);
			document.getElementById('lower').style.display = 'block';
			document.getElementById('advert').style.display = 'none';
			eval(httpRequest.responseText);	
		} else {
			var churros = 1;
		}
	}
}