var random=Math.floor(Math.random()*11)
$(document).ready(
		function() {
			//$('#content').bind('resize', resize);		
			//goHome();
			obtenerGrupos();	
		}
);


function playSound(url){
    $('embed').remove();
    $('body').html('<embed src="'+url+'" autostart="true" hidden="true" loop="false"/>');
}

//se ejecuta cuando el main content cambia su contenido 
function resize() {
	//arregla mascara de estilo
	var offset=210;
	var altura=0;
	if($('#main-nav').height() > $('#content').height())
		altura=$('#main-nav').height();
	else
		altura=$('#content').height()+parseInt($('#content').css('margin-top'))+parseInt($('#content').css('margin-bottom'))+parseInt($('#content').css('padding-top'))+parseInt($('#content').css('padding-bottom'));


}

function goHome(){
	//var content='<img src="css/web/img/bg_main.jpg?a='+random+'" style="display: block ; border: none; margin:30px 0 0 -30px" />';
	var content='<div style="margin-left:-30px"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="660" height="660" id="intro" align="middle">';
	content+='<param name="allowScriptAccess" value="sameDomain" />';

	$('#content').hide();
	$('#content').empty();
	$('#content').html(content);
	$('#content').fadeIn();
	$('#content').trigger('resize');	
}

function goContacto(){
    var content='<div style="height:0px;" id="mensaje"></div>\n';
    content+='  <div class="contactform">\n';
    content+='      <fieldset><legend>&nbsp;DETALLES DEL CONTACTO&nbsp;</legend>\n';
    content+='        <p><label class="left">Nombre / Raz&oacute;n Social:(*)</label>\n';
    content+='           <input name="contacto_nombre" id="contacto_nombre" class="field" value="" tabindex="1" type="text"></p>\n';
    content+='        <p><label class="left">Domicilio:</label>\n';
    content+='           <input name="contacto_domicilio" id="contacto_domicilio" class="field" value="" tabindex="1" type="text"></p>\n';
    content+='        <p><label class="left">Localidad:</label>\n';
    content+='           <input name="contacto_localidad" id="contacto_localidad" class="field" value="" tabindex="1" type="text"></p>\n';
    content+='        <p><label class="left">Codigo Postal:</label>\n';
    content+='           <input name="contacto_CP" id="contacto_CP" class="field" value="" tabindex="1" type="text"></p>\n';
    content+='        <p><label class="left">Tel&eacute;fono:</label>\n';
    content+='           <input name="contacto_tel" id="contacto_tel" class="field" value="" tabindex="2" type="text"></p>\n';
    content+='        <p><label class="left">Email:(*)</label>\n';
    content+='           <input name="contacto_email" id="contacto_email" class="field" value="" tabindex="2" type="text"></p>\n';
    content+='        <p><label class="left">Sitio Web:</label>\n';
    content+='           <input name="contacto_url" id="contacto_url" class="field" value="" tabindex="3" type="text"></p>\n';
    content+='      </fieldset>\n';   	
    content+='      <fieldset><legend>&nbsp;DETALLES DEL MENSAJE&nbsp;</legend>\n';
    content+='        <p><label class="left">Asunto:(*)</label>\n';
    content+='           <input name="contacto_asunto" id="contacto_asunto" class="field" value="" tabindex="4" type="text"></p>\n';
    content+='        <p><label class="left">Mensaje:(*)</label>\n';
    content+='           <textarea class="field" name="contacto_mensaje" id="contacto_mensaje" cols="45" rows="10" tabindex="5"></textarea></p>\n';
    content+='        <p><input name="enviar" id="enviar" onClick="enviarMensaje(this);" class="button" value="Enviar Mensaje" tabindex="6" type="button"></p>\n';
    content+='      </fieldset>\n';
    content+='		<label class="left">* campo obligatorio</label>\n';
	content+='  </div>\n';
	content+='</div>\n';
    
	$('#content').hide();
	$('#content').empty();
	$('#content').html(content);
	$('#content').fadeIn();
	//$('#content').trigger('resize');
}

function enviarMensaje(target){
	try{
		$(target).attr("disabled", "true")
		var ok=true
		jsonDatos=eval('({"campos":['+
		'{"nombre":"Nombre/Raz&oacute;n Social","campo":"contacto_nombre","validacion":"B"},'+
		'{"nombre":"E-Mail","campo":"contacto_email","validacion":"BE"},'+		
		'{"nombre":"Asunto","campo":"contacto_asunto","validacion":"B"},'+
		'{"nombre":"Mensaje","campo":"contacto_mensaje","validacion":"B"},'+
		']})');
		
		
		for(var i=0;jsonDatos.campos.length>i;i++){
			var mensaje='';
			if(jsonDatos.campos[i]==null){break;}//para IE falla el for al procesar javascript	
			$('#'+jsonDatos.campos[i].campo).attr("class","field")
			if(jsonDatos.campos[i].validacion.indexOf('B')>-1){ 
				if(esVacio ($('#'+jsonDatos.campos[i].campo).val())){
					$('#'+jsonDatos.campos[i].campo).attr("class","field-error")
					mensaje+='No debe estar vac&iacute;o';
					ok=false;
				}
			}
			if(jsonDatos.campos[i].validacion.indexOf('E')>-1){ 
				if(!validarEmail ($('#'+jsonDatos.campos[i].campo).val())){
					$('#'+jsonDatos.campos[i].campo).attr("class","field-error")
					if(mensaje=='')
					mensaje+='Debe ser un e-mail';
					else
					mensaje+=' | Debe ser un e-mail';
					ok=false;
				}
			}
			if(mensaje!=''){ 
				
				$('<label class="error-text" id="err'+jsonDatos.campos[i].campo+'">'+mensaje+'</label>')
				.insertAfter('#'+jsonDatos.campos[i].campo)
				.hide()
				.fadeIn(500)
				.delay(2500)
				.fadeOut(500,
				function(){
					$(this).remove();
					$(target).removeAttr("disabled");
				});
				
			}
		}

		if(!ok){
			return;
		}

	}catch(e){
		alert(e);
	}
	
	var mensaje ='<html>'
	mensaje +='<head>'
	mensaje +='<meta http-equiv=Content-Type content="text/html; charset=UTF-8">'
	mensaje +='</head>'
	mensaje +='<body>'
	mensaje += '<div style="background-color: rgb(255, 255, 255);border-bottom:1px solid rgb(50, 50, 50);width:100%;height:50px"><img src="http://www.plasticosuniversal.com.ar/images/header_mail.jpg" /></div><br/>';
	mensaje += '<b>Nombre / Raz\u00F3n Social:</b> '+$('#contacto_nombre').val()+'<br/><br/>';
	mensaje += '<b>Domicilio:</b> '+$('#contacto_domicilio').val()+' - '+$('#contacto_localidad').val()+' ('+$('#contacto_CP').val()+')'+'<br/><br/>';
	mensaje += '<b>Tel\u00E9fono:</b> '+$('#contacto_tel').val()+'<br/><br/>';
	mensaje += '<b>E-Mail:</b> '+$('#contacto_email').val()+'<br/><br/>';
	mensaje += '<b>Sitio Web:</b> '+$('#contacto_url').val()+'<br/>'+'<br/>';
	mensaje += '<b>Comentario:</b> '+$('#contacto_mensaje').val();
	mensaje += '<br/><br/>www.plasticosuniversal.com.ar';
	mensaje +='</body>'
	mensaje +='</html>'
	
	var valores ='accion=enviarMail';
	valores+='&asunto='+$('#contacto_asunto').val();
	valores+='&mensaje='+mensaje;
	
	url='./src/controller/Mail.php';

	$.ajax({
	    url: url,
	    type: 'POST',
	    dataType: 'html',
	    data: valores,
	    timeout: 5000,
	    //global: false,
	    //async: false,
	    beforeSend: function() {

	    }, 
	    error: function(){
	        //alert('Error al enviar mail');
	    },
	    success: function(response){
	    	if(response.indexOf('OK')>-1) 
				msg('Mensaje Enviado, muchas gracias.');
	    	else 
				msg('No se pudo enviar el mensaje, disculpe las molestias ocasionadas.');
				
			$(target).removeAttr("disabled");
		}
	});
}

function obtenerCategoriasXGrupo(grupoId)
{	
	var valores ='accion=selxGrupo';
	valores+='&id=0';
	valores+='&grupoId='+grupoId;
	
	url='./src/controller/Categoria.php';

	return $.ajax({
	    url: url,
	    type: 'POST',
		global: false,
	    dataType: 'html',
	    data: valores,
		async: false,
	    timeout: 5000,
	    beforeSend: function() {
			
	    }, 
	    error: function(){
	        alert('Error al obtener categorias por grupo');
	    },
	    success: function(response){
	    	
	    }
	}).responseText;
}

function obtenerGrupos()
{	
	var mainNav='';

	valores ='accion=sel';
	valores+='&id=0';
	
	url='./src/controller/Grupo.php';

	$.ajax({
	    url: url,
	    type: 'POST',
	    dataType: 'html',
	    data: valores,
	    timeout: 3000,
	    global: false,
	    async: false,
	    beforeSend: function() {
		
	    }, 
	    error: function(){
	        alert('Error al obtener grupos');
	    },
	    success: function(response){
			var menu='';
	    	JSON=eval('('+response.substring(0,response.lastIndexOf('}')+1)+')');
	    	for(var i=0;i < JSON.list.length;i++)
	    	{					
	    		menu+='<li><label>'+JSON.list[i].Grupo+'</label>\n';
	    		str=obtenerCategoriasXGrupo(JSON.list[i].ID);
				if(str != 'null'){
					grupo=JSON.list[i].Grupo;
					
					//generacion de side nav
					J=eval('('+str.substring(0,str.lastIndexOf('}')+1)+')');
					menu+='<ul>\n'

					for(var j=0;j < J.list.length;j++)
					{
						if(J.list[j].tipo==1)
							menu+='<li><label onclick="mostrarCategoria('+J.list[j].id+')">'+J.list[j].categoria+'</label></li>\n';
						else
							menu+='<li><label onclick="mostrarProductos('+J.list[j].id+',\''+grupo+'\',\''+J.list[j].categoria+'\')">'+J.list[j].categoria+'</label></li>\n';
					}
					menu+='</ul>\n';
				}
				menu+='</li>\n'
	    	}
	    	menu+='<li><label onClick="goContacto();">CONTACTO</label></li>\n'

	    	$('#menu').hide();
	    	$('#menu').empty();
	    	$('#menu').html(menu);   	
	    	$('#menu').fadeIn();
	    	initMenu();
	    }
	});
}

function initMenu(){
	// Muestra y oculta los menus
	$('ul li:has(ul)').hover(
		function(e)
		{
			$(this).find('ul').slideDown(150);
		},
		function(e)
		{
			$(this).find('ul').stop(true,true).slideToggle(80);
		}
	);
}

function mostrarCategoria(id){
	var valores ='accion=sel';
	valores+='&id='+id;
	url='./src/controller/Categoria.php';

	$.ajax({
	    url: url,
	    type: 'POST',
	    dataType: 'html',
	    data: valores,
	    timeout: 10000,
	    global: false,
	    async: false,
	    beforeSend: function() {

	    }, 
	    error: function(){
	        alert('Error al obtener categoria');
	    },
	    success: function(response){
	    	var content=''
	    	var galeria=''
	    	JSON=eval('('+response.substring(0,response.lastIndexOf('}')+1)+')');
	    	for(var i=0;i < JSON.list.length;i++)
	    	{
	    		
	    		content+='<div id="categoria"><h1 class="title">'+JSON.list[i].categoria+'</h1>';
	    		content+='<div class="column2-left"><p>'+JSON.list[i].descripcion+'</p></div>';
	    		
	    		galeria+='<div class="column2-right"><div id="galeria">'
				//galeria+='<h1 style="border-bottom: 1px solid rgb(127,127,127); top: 20px">IMAGENES</h1>';
	            
	    		
	    		galeria+='<div>';

	            var files=obtenerArchivos('/images/galleries/'+JSON.list[i].nombreCarpeta).split(',');

	            for(var j=0; j < files.length; j++)
	            {
	            	if(files[j].indexOf('image_')>-1)
	            	{
	            		galeria+='<li class="galeria-categoria" >';
			    		galeria+='<a href="./images/galleries/'+JSON.list[i].nombreCarpeta+'/'+files[j]+'?a='+random+'" title="'+JSON.list[i].categoria+'">'
			    		galeria+='<img src="./images/galleries/'+JSON.list[i].nombreCarpeta+'/'+files[j].replace('image_','thumb_')+'?a='+random+'" width="75" height="75" alt="" />'
			    		galeria+='</a>'
			    		galeria+='</li>';
	            	}
	            	
	            }
	            galeria+='</div>';
	            galeria+='</div></div></div>';
	            if(galeria.indexOf('<a href')==-1) galeria='';
	    	}

	    	$('#content').hide();
	    	$('#content').empty();
	    	$('#content').html(content+galeria);
	    	
            $('#galeria a').lightBox();
            $('#content').fadeIn();
        	$('#categoria').css('height',$('.column2-left').height()+50);
	    }
	});

}

function mostrarProductos(id,grupo,categoria){
	var valores ='accion=selxCategoria';
	valores+='&categoriaId='+id;
	url='./src/controller/Producto.php';

	$.ajax({
	    url: url,
	    type: 'POST',
	    dataType: 'html',
	    data: valores,
	    timeout: 10000,
	    global: false,
	    async: false,
	    beforeSend: function() {

	    }, 
	    error: function(){
	        alert('Error al obtener productos');
	    },
	    success: function(response){
	    	var content=''
	    	var galeria=''
	    	JSON=eval('('+response.substring(0,response.lastIndexOf('}')+1)+')');
    		content+='<h1 class="title">PRODUCTO</h1>';
    		content+='<h3>Galer&iacute;a de '+categoria.toLowerCase()+'</h3>';
    		content+='<div id="galeria">';
	    	for(var i=0;i < JSON.list.length;i++)
	    	{
	    		content+='<li class="galeria-producto" >';
	    		content+='<a href="./images/productos/image_'+JSON.list[i].id+'.jpg?a='+random+'" title="'+JSON.list[i].producto+'">'
	    		content+='<img src="./images/productos/thumb_'+JSON.list[i].id+'.jpg?a='+random+'" width="175" height="115" alt="" /></a>'	    		
	    		content+='	<div class="main-item-descripcion">'
	    		content+='	<h4>'+JSON.list[i].producto+'</h4>';
	    		content+='</div>';
	    		content+='</li>';
	    	}
    		content+='</div>';
	    	
	    	$('#content').hide();
	    	$('#content').empty();
	    	$('#content').html(content+galeria);
            $('#galeria a').lightBox();
            $('#content').fadeIn();

            $('#galeria').css('height',(Math.ceil(JSON.list.length/4)*162));            
	    }
	});

}

function obtenerArchivos(carpeta)
{	
	var valores ='accion=selFiles';
	valores+='&carpeta='+carpeta;
	
	url='./src/controller/Util.php';

	return $.ajax({
	    url: url,
	    type: 'POST',
		global: false,
	    dataType: 'html',
	    data: valores,
		async: false,
	    timeout: 5000,
	    beforeSend: function() {
			
	    }, 
	    error: function(){
	        alert('Error al obtener Archivos');
	    },
	    success: function(response){
		
	    }
	}).responseText;
}

function msg(txt){
	var h=50
	var w=200

	if($('#alertBox').attr('id')!='alertBox'){
		var s='<div id="alertBox" style="'
		s+='background:#dddddd;'
		s+='border:solid 1px #555555;'
		s+='font-family:trebuchet ms,arial,sans-serif;'
		s+='font-size:10pt;'
		s+='color:#222222;'
		s+='padding:20px;'
		s+='text-align:center;'
		s+='position:absolute;'
		s+='z-index:9999;'				
		s+='top:'+($('body').height()-h-40)/2+';'
		s+='left:'+($('body').width()-w-40)/2+';'
		s+='height:'+h+'px;'
		s+='width:'+w+'px;'
		s+='"></div>'
		$('body').html(s);
		$('#alertBox').hide();
	}else{
		$('#alertBox').hide();
	}
	$('#alertBox').html(txt);
	$('#alertBox').fadeIn(600).delay(1500).fadeOut(600); 
}