//var base_url_="http://127.0.0.1/52Parchate/";
var base_url_="http://www.parchate.com.mx/";

var info_disenio;
var info_producto;
var color_presionado;
var producto_presionado;
var disenio_presionado;
var fotos_disenio=new Array();

function datos_disenio(data){
	info_disenio = data;
	
	fotos_disenio.splice(0,3);
	if (info_disenio.foto_1 != null) fotos_disenio.push(info_disenio.foto_1);
	if (info_disenio.foto_2 != null) fotos_disenio.push(info_disenio.foto_2);
	if (info_disenio.foto_3 != null) fotos_disenio.push(info_disenio.foto_3);
	
	$(".btn_sexo").click(function(){  carga_datos_producto($(this).attr("id"),0);  });
	
	set_imagen(0);
	set_imagen_opciones();
	set_votos();
	set_nombre_disenio();
}
function datos_producto(data){
	info_producto = data;
	set_productos();
	set_colores(0);
}


function envio_contacto(){
	var options = { 
			dataType:  'json',
			beforeSubmit:  contacto_before,
			success:       contacto_success
    	};
	$("form[name='form_contacto']").ajaxForm(options);
	$("form[name='form_contacto']").validate({
		showErrors: function(errorMap, errorList) {
			$("#mensaje").html("Todos los campos son obligatorios, debe de tener una cuenta de correo valida y el teléfono son dígitos.");
		}
	});


}
function contacto_before(formData, jqForm, options){	
	valido = $("form[name='form_contacto']").valid();
	if (!valido){
		return false;
	}
}
function contacto_success(data){
	if (data.ok){
		$.fn.colorbox({href:base_url_+'index.php/principal/votacion_mensaje/4',open:true}); 
	}
}



function envio_pedido(){
	var datos = $("form[name='user_form_pedido']").serializeArray();
	$.ajax({
		   type: "POST",
		   url: base_url_+'index.php/principal/pedido',
		   data: datos,
		   dataType: 'json',
		   success: pedido_success
	 });
}
function carga_datos_disenio(id){
	disenio_presionado = id;
	$.post(base_url_+"index.php/principal/disenio_info/",
		   {disenio_id:id},
		   function(data){datos_disenio(data);},
		   "json");
}
function carga_datos_producto(sexo,id){
	$.post(base_url_+"index.php/principal/producto_info/",
	   {producto_id:id,sexo_id:sexo},
	   function(data){datos_producto(data);},
	   "json");
}




function set_imagen_opciones(){
	for (i=0;i<fotos_disenio.length;i++){
		$(".opcion_fotos").append('<img src="'+base_url_+'system/application/img/interfaz/disenio_detalle_foto_b'+(i+1)+'.jpg" class="btn_foto" id="'+i+'" />');
	}
	$(".btn_foto").click(function(){  set_imagen($(this).attr("id"));  });
}
function set_imagen(foto_n){
	$(".disenio_info_data_imagen").empty();
	$(".disenio_info_data_imagen").append('<img src=" '+fotos_disenio[foto_n]+'"/>');
}
function set_nombre_disenio(){
	$(".disenio_info_user_nombre_disenio").append(info_disenio.nombre);
}
function set_votos(){
	$(".opcion_votos").append(info_disenio.calificacion);
}
function set_productos(){
	$(".productos_thumbs").empty();
	for (i=0;i<info_producto.length;i++){
		$(".productos_thumbs").append('<div><img src="'+info_producto[i].producto_preview_img+'" class="btn_productos" id="'+i+'" title="'+info_producto[i].nombre+'" alt="'+info_producto[i].id+'" /></div>');
	}
	producto_presionado=info_producto[0].id;
	set_inputhidden_form_pedido();
	$(".btn_productos").click(function(){  producto_presionado=$(this).attr("alt"); set_inputhidden_form_pedido(); set_colores($(this).attr("id"));  });
}
function set_colores(id){
	$(".colores").empty();
	$(".nombre_producto").empty();
	
	$(".nombre_producto").append(info_producto[id].nombre);
	for (i=0;i<info_producto[id].colores.length;i++){
		if (info_producto[id].colores[i].tipo == 'D'){
			$colores_html =info_producto[id].colores[i].codigo_html.split("-");
			$(".colores").append('<div title="'+info_producto[id].colores[i].nombre+'" id="'+info_producto[id].colores[i].nombre+'" class="color color_simple" style="background-color:'+$colores_html[0]+'"><span style="background-color:'+$colores_html[1]+'">&nbsp;</span></div>');
		}else{
			$(".colores").append('<div title="'+info_producto[id].colores[i].nombre+'" id="'+info_producto[id].colores[i].nombre+'" class="color color_simple" style="background-color:'+info_producto[id].colores[i].codigo_html+'">&nbsp;</div>');
		}
	}
	color_click(color_presionado=info_producto[id].colores[0].nombre);
	$(".color").click(function(){ color_click($(this).attr("id"));});
}



function color_click(id){
	$("div[id="+color_presionado+"]").addClass("color_simple");
	$("div[id="+color_presionado+"]").removeClass("color_presionado");
	color_presionado = id;
	$("div[id="+color_presionado+"]").removeClass("color_simple");
	$("div[id="+color_presionado+"]").addClass("color_presionado");
	set_inputhidden_form_pedido();
}


// FUNCIONES PARA TRATAMIENTO DE FORMULARIOS-------------------------------------------------------------------------------------
function votos_before(formData, jqForm, options){
	if (formData[1].name == 'zoom'){
		$.fn.colorbox({href:base_url_+'index.php/disenio/'+formData[0].value,open:true}); 
		return false;
	}
}
function votos_success(data){
	if (data.ok){
		$.fn.colorbox({href:base_url_+'index.php/principal/votacion_mensaje/1',open:true}); 
	}else{
		$.fn.colorbox({href:base_url_+'index.php/principal/votacion_mensaje',open:true}); 
	}
}
function pedido_success(data){
	if (data.ok){
		$.fn.colorbox({href:base_url_+'index.php/principal/votacion_mensaje/2',open:true}); 
	}else{
		$.fn.colorbox({href:base_url_+'index.php/principal/votacion_mensaje/3',open:true}); 
	}
}
function set_inputhidden_form_pedido(){
	$('form[name="user_form_pedido"] > input[name="id_producto"]').val(producto_presionado);
	$('form[name="user_form_pedido"] > input[name="id_color"]').val(color_presionado);
	$('form[name="user_form_pedido"] > input[name="id_disenio"]').val(disenio_presionado);
}







$(document).ready(function(){
		var options = { 
			dataType:  'json',
			beforeSubmit:  votos_before,
			success:       votos_success
    	};
		$("form[name='form_disenio_preview']").ajaxForm(options); 
		
		/*$.Juitter.start({
			searchType:"fromUser",
			searchObject:"parchate",
			lang:"en",
			live:"live-180",
			placeHolder:"twitter",
			loadMSG: "Llamando Twitt ...",
			imgName: "",
			total: 1,
			readMore: "Leer en Twitter",
			nameUser:"both",
			openExternalLinks:"newWindow",
			filter:""
		});*/
		
		$("a[id='liga_mascara']").hover(function(){
									$(this).css({'background-position' : 'right'});
									$(this).siblings().filter("#disenio_votos").removeClass("oculto");
									$(this).siblings().filter("#disenio_votos").addClass("visible");
								 },
								 
								 function(){
									$(this).css({'background-position' : 'left'});
									$(this).siblings().filter("#disenio_votos").removeClass("visible");
									$(this).siblings().filter("#disenio_votos").addClass("oculto");
								 }
		);
		
		$("a[rel='contacto']").colorbox({},envio_contacto);
		$("a[rel='disenio']").colorbox({iframe:true, width:740, height:550});
		$("a[rel='producto']").colorbox();
		$("a[rel='publicidad']").colorbox();
		
		$("#acordion").accordion({ autoHeight: false });

});