var gridCategoriasLength = gridCategoriasWidth = gridCategoriasMaxWidth = gridCategoriasWidthAux = CategoriaMaxLeft = null;
var cestaList = new Array();
function fnCategoriaScroller(side){
	if(gridCategoriasLength == null){
		gridCategoriasLength = $('#gridCategorias a').length;
		gridCategoriasWidth = $('#gridCategorias li').width() + 2;
		gridCategoriasMaxWidth = (gridCategoriasWidth * gridCategoriasLength) + 1;
		CategoriaMaxLeft = (gridCategoriasMaxWidth - (gridCategoriasWidth * 7)) * (-1);
		$('#gridCategorias ul').css('width',gridCategoriasMaxWidth + 'px');
	}
	
	if(gridCategoriasLength > 7){
		if(side == 'left')
			gridCategoriasWidthAux += gridCategoriasWidth * 7;
		else
			gridCategoriasWidthAux -= gridCategoriasWidth * 7;
		
		if(gridCategoriasWidthAux < CategoriaMaxLeft){
			gridCategoriasWidthAux = CategoriaMaxLeft;
		}else if(gridCategoriasWidthAux > 0){
			gridCategoriasWidthAux = 0;
		}
		
		$('#gridCategorias ul').stop().animate({
			'left': gridCategoriasWidthAux +'px'
		},600);
	}
}

var subcateg_mouseover = false;
var subcateg_side = '';
var gridSubCategoriasLength = gridSubCategoriasWidth = gridSubCategoriasMaxWidth = gridSubCategoriasWidthAux = subCategoriaMaxLeft = null;
function fnSubCategoriaScroller(side){
	//alert(side);
	if(side == 'out'){
		//alert('out!!!');	
		subcateg_mouseover = false;
		//return;
	}else{
		subcateg_mouseover = true;
	}
	
	subcateg_side = side;
	gridSubCategoriasLength = $('#gridSubCategorias a').length;
	gridSubCategoriasMaxWidth = 0;
	$('#gridSubCategorias li').each(function(){
		gridSubCategoriasMaxWidth += $(this).width() + 30;
	});
	
	subCategoriaMaxLeft = (gridSubCategoriasMaxWidth - 864) * (-1);
	$('#gridSubCategorias ul').css('width', gridSubCategoriasMaxWidth + 'px');
}


var view_prod = false;
function fnMostrarProdutos(){
	var prodLength = $('#gridProdutos').find('.prod').length;
	
	var prodRows = Math.ceil(prodLength / 8);
	
	var prodHeight = $('#gridProdutos').find('.prod').height() + 2;
	
	if(!view_prod){
		if($('#gridProdutos').height() <= prodHeight){
		
			//-- esconde todos os elementos
			$('#gridProdutos').find('.prod').each(function(k){
				if(k > 7){
					$(this).stop(true,true).hide();
				}
			});
			
			//-- esconde todos os elementos
			$('#gridProdutos').find('.prod').each(function(k){
				if(k > 7){
					$(this).delay(k * 15).fadeIn('slow');
				}
			});
			
			$('#gridProdutos').stop(false,false).animate({
				height: (prodHeight * prodRows) + 'px'
			},600,function(){
				view_prod = true;
				
				$('#gridProdutos').parent().find('.buttons button.btn-ver-todos-produtos').fadeOut('fast');
				$('#gridProdutos').parent().find('.buttons button.btn-fechar').fadeIn('slow');
			});
		}
	}else{
		$('#gridProdutos').stop(false,false).animate({
			height: prodHeight + 'px'
		},600,function(){
			view_prod = false;
			
			$('#gridProdutos').parent().find('.buttons button.btn-fechar').fadeOut('fast');
			$('#gridProdutos').parent().find('.buttons button.btn-ver-todos-produtos').fadeIn('slow');
		});
	}
}

function fnCreateCategoriasGrid(){
	if(categList == null){
		return;
	}
	
	gridCategoriasLength = gridCategoriasWidth = gridCategoriasMaxWidth = gridCategoriasWidthAux = CategoriaMaxLeft = null;
	var ul = document.createElement('ul');
	for(i in categList){
		var li = document.createElement('li');
		ul.appendChild(li);
		
		var href = document.createElement('a');
		href.setAttribute('href','javascript:void(0);');
		href.setAttribute('onclick','fnCreateSubcategoriasGrid(this)');
		href.setAttribute('id','ctg#' + categList[i].id);
		href.href = 'javascript:void(0);';
		href.onclick = function(){ fnCreateSubcategoriasGrid(this); }
		href.id = 'ctg#' + categList[i].id;
		li.appendChild(href);
		
		var image = document.createElement('img');
		image.setAttribute('src','admin/upload_pic/categorias/'+ categList[i].foto);
		image.setAttribute('alt',categList[i].name);
		image.id = 'text';
		image.src = 'admin/upload_pic/categorias/'+ categList[i].foto;
		image.alt = categList[i].name;
		image.setAttribute('onmouseover', 'tooltip.show("' + categList[i].name +'");');
		image.setAttribute('onmouseout', 'tooltip.hide();');
		image.setAttribute('class', 'hotspot');
		
		//image.class = 'hotspot';
		href.appendChild(image);
		
		
		//<span class="hotspot" onmouseover="tooltip.show('Testing 123 <strong>Testing 123</strong>');" onmouseout="tooltip.hide();">
		
	}
	$('#gridCategorias').append(ul);
}


function fnCreateSubcategoriasGrid(obj){
	if(subcategList == null){
		return;
	}
	
	gridSubCategoriasLength = gridSubCategoriasWidth = gridSubCategoriasMaxWidth = gridSubCategoriasWidthAux = subCategoriaMaxLeft = null;
	$('#gridSubCategorias').fadeOut(0,function(){
		selected_categ = getCategoria($(obj).attr('id').split('#')[1]);
		
		$('#gridSubCategorias').children().remove();
		$('#gridSubCategorias ul').css('left','0px');
		
		$('#gridCategorias').children().children().removeClass('on');
		$(obj).parent().addClass('on');
		
		var ul = document.createElement('ul');
		var itt = 0;
		for(i in subcategList){
			if(subcategList[i].categoria.id != selected_categ.id){
				continue;
			}
			
			var li = document.createElement('li');
			if(itt == 0){
				li.setAttribute('class','first');
				li.className = 'first';
			}
			ul.appendChild(li);
			
			var href = document.createElement('a');
			href.setAttribute('href','javascript:void(0);');
			href.setAttribute('onclick','fnCreateBrindesGrid(this)');
			href.setAttribute('id','sctg#' + subcategList[i].id);
			href.href = 'javascript:void(0);';
			href.onclick = function(){ fnCreateBrindesGrid(this); }
			href.id = 'sctg#' + subcategList[i].id;
			href.innerHTML = subcategList[i].name;
			li.appendChild(href);
			itt++;
		}
		$('#gridSubCategorias').append(ul);
		$('#gridSubCategorias').fadeIn(400);
		$('#subcategoria-grid').slideDown(250);
	});
}

function fnCreateBrindesGrid(obj){
	if(brindeList == null){
		return;
	}
	
	selected_subcateg = getSubCategoria($(obj).attr('id').split('#')[1]);
	$('#gridSubCategorias').children().children().removeClass('on');
	$(obj).parent().addClass('on');
	
	var brindeDestaque = null;
	
	for(i in brindeList){
		if(selected_categ.id == brindeList[i].categoria.id && selected_subcateg.id == brindeList[i].subcategoria.id && brindeList[i].destaque == "true"){
			brindeDestaque = brindeList[i];
			selected_brinde = brindeDestaque;
			
			break;
		}
	}
	
	$('#sizeP').val('');
	$('#sizeM').val('');
	$('#sizeG').val('');
	$('.color-content a img').removeClass('on');
	
	if(brindeDestaque.zoom && brindeDestaque.zoom == "default.jpg"){
		$('#produto-grid .produto-image img:eq(1)').attr('class','lupa_hidden');
		$('#produto-grid .produto-image a:eq(0)').attr('href','javascript:void(0);');
		$('#produto-grid .produto-image a:eq(0)').removeClass('lightbox');
	}else{
		$('#produto-grid .produto-image img:eq(1)').attr('class','lupa');
		$('#produto-grid .produto-image a:eq(0)').attr('href','admin/upload_pic/produtos/'+ brindeDestaque.zoom);
		$('#produto-grid .produto-image a:eq(0)').attr('class','lightbox');
		$('#produto-grid .produto-image a:eq(0)').attr('rel', Math.random(999));
	}
	
	$('#produto-grid .produto-image img:eq(0)').attr('src','admin/upload_pic/produtos/'+ brindeDestaque.foto);
	$('#produto-grid .produto-description .name').html(brindeDestaque.name);
	//$('#produto-grid .produto-description .price span').html('R$ ' +  brindeDestaque.preco + ' / ');
	$('#produto-grid .produto-description .price span').html('<br /> ');
	$('#produto-grid .produto-description .description').html(brindeDestaque.description);
	
	$('#produtos-grid div.buttons').css('visibility','hidden');
	$('#gridProdutos').children().remove();
		
		var str = brindeDestaque.hexadecimal;
        var str2 = brindeDestaque.cor;
        
		$('#titulo-cor').html('');
		
        var array_hexa = Array();
		if(str){
        	array_hexa = str.split(",");
			$('#titulo-cor').html('COR');
		}
        var array_cor = Array();
        if(str2){
			array_cor = str2.split(",");
		}
        $('#cores').html('');
        var ul = document.createElement('ul');
        for(i in array_hexa){
            if(array_hexa[i] && array_hexa[i] != '')
            //alert(array_hexa[i]);
               
            var li = document.createElement('li');
                ul.appendChild(li);
            
            var div = document.createElement('div');
			    div.setAttribute('id','cor_'+i);
                div.setAttribute('class','box_cor');
                div.id = 'cor_'+i;
				div.className = 'box_cor';
                div.style.backgroundColor = array_hexa[i];
                li.appendChild(div);
            
            var href = document.createElement('a');
                href.setAttribute('href','javascript:void(0);');
                href.setAttribute('onclick',"selectColor('"+array_cor[i]+"','"+array_hexa[i]+"','cor_"+i+"')");
                href.setAttribute('id','teste');
                href.href = 'javascript:void(0);';
                //href.onclick = function(){selectColor("'"+array_cor[i]+"','"+array_hexa[i]+"','cor_"+i+"'");}
                href.id = 'teste';
                div.appendChild(href);
            
            var newtext = document.createTextNode(array_cor[i]);
                //li.appendChild(newtext);
		}
       $('#cores').append(ul);
	for(i in brindeList){
		if(brindeList[i].categoria.id != selected_categ.id || brindeList[i].subcategoria.id != selected_subcateg.id){
			continue;
		}
		
		var div = document.createElement('div');
		div.setAttribute('class','prod');
		div.className = 'prod';
		
		var href = document.createElement('a');
		href.setAttribute('href','javascript:void(0);');
		href.setAttribute('onclick','fnSelecionaProduto(this)');
		href.setAttribute('id','brinde#' + brindeList[i].id);
		href.href = 'javascript:void(0);';
		href.onclick = function(){ fnSelecionaProduto(this); }
		href.id = 'brinde#' + brindeList[i].id;
		div.appendChild(href);
		
		var image = document.createElement('img');
		image.setAttribute('src','admin/upload_pic/produtos/'+ brindeList[i].thumb);
		image.setAttribute('alt',brindeList[i].name);
		image.src = 'admin/upload_pic/produtos/'+ brindeList[i].thumb;
		image.alt = brindeList[i].name;
		href.appendChild(image);
		
		var addImage = document.createElement('img');
		addImage.setAttribute('src','common/img/template/add-prod.png');
		addImage.setAttribute('class','add');
		addImage.src = 'common/img/template/add-prod.png';
		addImage.className = 'add';
		href.appendChild(addImage);
		
		$('#gridProdutos').append(div);
	}
	
	$('#gridProdutos').hide();
	$('#produto-grid').slideDown(500,function(){
		$('#produtos-grid').fadeIn(500,function(){
			$('#gridProdutos').fadeIn(0);
			
			if($('#gridProdutos div.prod').length > 8){
				$('#produtos-grid div.buttons').css('visibility','visible');
			}
			
			$('#gridProdutos').stop(false,false).animate({
				height: '130px'
			},600,function(){
				view_prod = false;
				$('#gridProdutos').parent().find('.buttons button.btn-fechar').fadeOut('fast');
				$('#gridProdutos').parent().find('.buttons button.btn-ver-todos-produtos').fadeIn('slow');
			});
			
		});
	});
}

function exibeSocial(str){
	if(str == 'facebook'){
		//
		$('#facebook-box').css('display','block');
		document.getElementById("facebook-image").style.backgroundImage = "url(common/img/template/title-facebook-2.png)";
		document.getElementById("facebook-image").style.borderBottom="1px solid #29417e";
		//document.getElementById("facebook-image").style.width = "1px";
		//$('#facebook-image').css('border-bottom','#29417e');
		
		
		$('#twitter-box').css('display','none');
		document.getElementById("twitter-image").style.backgroundImage = "url(common/img/template/title-twitter-2.png)";
		document.getElementById("twitter-image").style.border="none";
		//document.getElementById("twitter-image").style.width = "150px";
		
		
	}else if(str == 'twitter'){
		//
		$('#facebook-box').css('display','none');
		document.getElementById("facebook-image").style.backgroundImage = "url(common/img/template/title-facebook.png)";
		document.getElementById("facebook-image").style.border="none";
		
		$('#twitter-box').css('display','block');
		document.getElementById("twitter-image").style.backgroundImage = "url(common/img/template/title-twitter.png)";
		document.getElementById("twitter-image").style.borderBottom="1px solid #c396c5";
		
		
	}
}

function fnExibeContato(){
	//alert('exibe');
	if(contatoList == null){
		return;
	}
	for(i in contatoList){
		var div = document.createElement('div');
		div.setAttribute('id','contato-resposta');
		var mensagem = contatoList[i].mensagem;
		mensagem += '<br> <br><a href="javascript:void(0);" onclick="montaFormulario();"> ENVIAR NOVO EMAIL</a>';
		div.innerHTML = mensagem;
		contatoList =null;
		contatoList = new Array();
		
	}
	$('#gridContato').append(div);
}


function getCategoria(id){
	for(i in categList){
		if(categList[i].id == id){
			return categList[i];
		}
	}
}

function getSubCategoria(id){
	for(i in subcategList){
		if(subcategList[i].id == id){
			return subcategList[i];
		}
	}
}

function getBrinde(id){
	for(i in brindeList){
		if(brindeList[i].categoria.id == selected_categ.id && brindeList[i].subcategoria.id == selected_subcateg.id && brindeList[i].id == id){
			return(new Brinde(brindeList[i].id, brindeList[i].name, brindeList[i].status, brindeList[i].preco, brindeList[i].destaque, brindeList[i].description, brindeList[i].subcategoria, brindeList[i].categoria, brindeList[i].foto, brindeList[i].thumb, brindeList[i].zoom, brindeList[i].hexadecimal, brindeList[i].cor));
		}
	}
}

String.prototype.trim = function() {
	return this.replace(/^\s+|\s+$/g, "");
}
