/**
 * Funcoes Javascript
 * By Gringo [www.gringo.nu]
 **/

/**
 * Cria objeto wm
 **/
wm = {
	
	/**
	 * Metodos
	 **/
	alimentaMarcas : function( operadora ) {
		
		$( '#slctMarca'            ).length = 1;		
		$( '#slctModelo'           ).length = 1;		
		$( '#box_resultado'        ).html( '' );
		$( '#linha_modelo_interna' ).hide();		
		
		if( operadora != "-1" ) {
			
			/**
			 * Html das combos por AJAX
			 **/
			$.ajax( {
				
				type    : 'POST',
				url     : 'combos_ajax.asp',
				data    : 'tipo=marcas',
				success : function( combo ) {
				
					/**
					 * Usa eval para tranformar string em objeto JSON
					 **/
					var arrObjs = eval( combo );
	
					/**
					 * remove todos os options do select
					 **/					
					var opt = '<option value="-1" selected="selected">Selecione uma marca</option>';
					
					for( x = 0; x < arrObjs.length; x++ ) {
						opt += '<option value="' + arrObjs[ x ].id + '">' + arrObjs[ x ].name + '</option>';
					}
					
					$( "#slctMarca" ).html( opt );
					
					$( '#slctMarca option:first' ).attr( "selected","selected" );					
					
					$( '#linha_marca_interna' ).hide().slideDown();

				}
				
			 } );
			
		}
						
	},
	
	alimentaModelos : function( marca ) {

		operadora = $( '#slctOperadora' ).val();
		
		$( '#slctModelo'    ).length = 1;
		$( '#box_resultado' ).html( '' );		
		
		if( marca != '-1' ) {
			
			/**
			 * Html das combos por AJAX
			 **/
			$.ajax( {
				
				type    : 'POST',
				url     : 'combos_ajax.asp',
				data    : 'tipo=modelos&marca=' + marca,
				success : function( combo ) {

					/**
					 * Usa eval para tranformar string em objeto JSON
					 **/
					var arrObjs = eval( combo );

					/**
					 * remove todos os options do select
					 **/					
					var opt = '<option value="-1">Selecione um modelo</option>';
					
					for( x = 0; x < arrObjs.length; x++ ) {
						opt += '<option value="' + arrObjs[ x ].id + '">' + arrObjs[ x ].name + '</option>';
					}
					$( "select[name='slctModelo']" ).html( opt );
					
					$( '#slctModelo option:first' ).attr( "selected","selected" );
					
					$( '#linha_modelo_interna' ).hide().slideDown();					

				}
				
			 } );			
			
		}	
		
	},
	
	alimentaServicos : function( modelo, operadora ) {
				
		$( '#box_resultado' ).html( '' );
		$( '#slcServicos'   ).html( '' );
		
		booPossuiServico = false;		
		
		if( modelo != "-1" ) {
		
			/**
			 * Html das combos por AJAX
			 **/
			$.ajax( {
				
				type    : 'POST',
				url     : 'combos_ajax.asp',
				data    : 'tipo=servicos&modelo=' + modelo +'&operadora=' + operadora,
				success : function( combo ) {

					/**
					 * Usa eval para tranformar string em objeto JSON
					 **/
					var arrObjs = eval( combo );
					
					for( x = 0; x < arrObjs.length; x++ ) {
							
						modo      = arrObjs[ x ].forma_acesso_descricao;
						modoId    = arrObjs[ x ].forma_acesso_id;
						servico   = arrObjs[ x ].descricao.replace( /\s+/g, '_' );
						servicoId = arrObjs[ x ].id;

						if(arrObjs[ x ].nome_operadora == 'oi' && servicoId == 4) {
							modo = 'aplicativo';
							modoId = 1;
						}						
						
						document.getElementById('slcServicos').innerHTML += "" + 
						"			<div class=\"linha_servicos\" onclick=\"selecionaTutorial('"+servicoId+"','"+modoId+"', '"+servico+"')\" onmouseover=\"rolloverSecao('"+servico+"','"+modo+"','in');\" onmouseout=\"rolloverSecao('"+servico+"','"+modo+"','out');\">" +
						"				<div class=\"tit_"+servico+"\" id=\""+servico+"_off\" style=\"display:block;\">"+servico+" off</div>" +
						"				<div class=\"tit_escolha_"+modo+"\" id=\""+modo+"_"+servico+"_off\" style=\"display:block;\"></div>" +
						"				<div class=\"tit_"+servico+"_rolover\" id=\""+servico+"_on\" style=\"display:none;\">"+servico+" on</div>" +
						"				<div class=\"tit_escolha_"+modo+"_rolover\" id=\""+modo+"_"+servico+"_on\" style=\"display:none;\"></div>" +
						"			</div>";															

						if( modoId == 3 ) {
						
							booPossuiServico = false;
							
						} else {
						
							if( servico == area ) {
							
								wm.selecionaTutorial( servicoId, modoId );
								booPossuiServico = true;
								break;
								
							} else {
							
								booPossuiServico = false;							
								
							}	
							
						}						

					}
					
					//wm.selecionaTutorial( servicoId, modoId );
					//booPossuiServico = true;					

					if( !booPossuiServico ) {
					
						/*$( '#box_procura'   ).hide();
						$( '#box_resultado' ).html( 'O seu aparelho não possui suporte a esse serviço, mas espere, você ainda pode acessar o Messenger via SMS.' );
						$( '#box_resultado' ).show();
						$( '#box_resultado' ).css( 'background', '00b9e1', 'color', 'fff', 'padding', '3px 3px 3px 14px'  );

						$( '#box_resultado2' ).show();
						$( '#box_procura'    ).hide();
		
						var operadora_nome = $( '#slctOperadora option:selected' ).text();
						var marca_nome     = $( '#slctMarca option:selected'     ).text();
						var modelo_nome    = $( '#slctModelo option:selected'    ).text();

						$( "#navegacao_box_procura"      ).html( operadora_nome + " / " + marca_nome + " / " + modelo_nome );
						$( "#navegacao_box_baixar_agora" ).val( operadora_nome + " / " + marca_nome + " / " + modelo_nome  );*/
						
                        if( area == "messenger" ) {
                        
                            wm.selecionaTutorial( servicoId, modoId );
                            
                        } else {                            
                        
                            document.getElementById('box_procura').style.display = 'none';
                            document.getElementById('box_resultado').innerHTML = 'O seu aparelho não possui suporte a esse serviço, mas espere, você ainda pode acessar o Messenger.';
                            document.getElementById('box_resultado').style.display = 'block';
                            document.getElementById('box_resultado').style.background = '#00b9e1';
                            document.getElementById('box_resultado').style.color = '#fff';
                            document.getElementById('box_resultado').style.padding = '3px 3px 3px 14px';
    
                            document.getElementById('box_resultado2').style.display = 'block';
                            document.getElementById('box_procura').style.display = 'none';
    
                            var operadora_nome = document.getElementById("slctOperadora").options[document.getElementById('slctOperadora').options.selectedIndex].text;
                            var marca_nome = document.getElementById("slctMarca").options[document.getElementById('slctMarca').options.selectedIndex].text;
                            var marca_id = document.getElementById("slctMarca").options[document.getElementById('slctMarca').options.selectedIndex].value;						
                            var modelo_nome = document.getElementById("slctModelo").options[document.getElementById('slctModelo').options.selectedIndex].text;
    
                            //document.getElementById("navegacao_box_procura_ok").innerHTML = operadora_nome+" / "+marca_nome+" / "+modelo_nome;
                            //document.getElementById("navegacao_box_procura").innerHTML = operadora_nome+" / "+marca_nome+" / "+modelo_nome;                        
  						
                            wm.alimentaServicosInterna(modelo, operadora, marca_id);					                            
                        }                           
						
					} else {
					
						switch( area ) {
							case 'portal_msn':
								servicoId = 1;
							break;
							case 'hotmail':
								servicoId = 2;
							break;
							case 'bing':
								servicoId = 3;
							break;
							case 'messenger':
								servicoId = 4;
							break;
							case 'spaces':
								servicoId = 5;
							break;							
						}

						if($( '#slctOperadora option:selected' ).val() == 2 && servicoId == 4) {
							modoId = 4;
						}						
					
						wm.selecionaTutorial(servicoId,modoId);						
						
					}
								
				}
				
			 } );					
		
		}
		
	},
	
	setMobile : function() {
		document.getElementById('hdnMobile').value = document.getElementById('slctModelo').options[document.getElementById('slctModelo').options.selectedIndex].getAttribute("mobile");	
	},
	
	selecionaTutorial : function( servico, acesso ) {
		
		operadora = $( '#slctOperadora' ).val();
		marca     = $( '#slctMarca'     ).val();
		modelo    = $( '#slctModelo'    ).val();
		mobile    = $( '#hdnMobile'     ).val();
		
		if( modelo == -1 && marca == - 1 && operadora == -1 ){
			operadora = $( '#slctOperadora_get' ).val();
			marca     = $( '#slctMarca_get'     ).val();
			modelo    = $( '#slctModelo_get'    ).val();
		}
		
		window.location = "tutorial.asp?acesso="+acesso+"&operadora="+operadora+"&marca="+marca+"&modelo="+modelo+"&servico="+servico;		
		
	},
	
	rolloverSecao : function( item, modo, acao ) {
		
		if( acao == 'in' ) {
			$( item + '_off'            ).hide();
			$( modo + '_'+ item +'_off' ).hide();
			$( item + '_on'             ).css( 'display', 'block' );
			$( modo + '_'+ item +'_on'  ).css( 'display', 'block' );
		}
		else if( acao == 'out' ) {
		
			$( item + '_off'            ).css( 'display', 'block' );
			$( modo + '_'+ item +'_off' ).css( 'display', 'block' );
			$( item + '_on'             ).hide();
			$( modo + '_'+ item +'_on'  ).hide();

		}
		
	},
	
	trocar : function() {
		
		document.getElementById( 'slctOperadora' ).selectedIndex = 0;
		
		$( '#linha_modelo'  ).hide();
		$( '#linha_marca'   ).hide();
		$( '#box_procura'   ).css( 'display', 'block' );
		$( '#box_resultado' ).hide();
		
		return false;
	
	},
	
	roloverFormasAcesso : function( target ) {
		
		if( document.getElementById( target ).style.display == "block" ) {
			$( '#' + target ).hide();
		} else {
			$( '#' + target ).css( 'display', 'block' );
		}	
		
	},
	
	alimentaServicosInterna : function( modelo, operadora, marca ) {
	
		if( marca == '' || marca == undefined || marca == null ) {
			marca = $( '#slctMarca :selected' ).val()
		}
		
		$( '#slcServicos' ).html( '' );
		
		if( modelo != "-1" ) {
		
			/**
			 * Html das combos por AJAX
			 **/
			$.ajax( {
				
				type    : 'POST',
				url     : 'combos_ajax.asp',
				data    : 'tipo=servicos&modelo='+ modelo +'&operadora='+ operadora +'&marca='+ marca,
				success : function( combo ) {

					/**
					 * Usa eval para tranformar string em objeto JSON
					 **/
					var arrObjs = eval( combo );						
					
					for( x = 0; x < arrObjs.length; x++ ) {
							
						modo      = arrObjs[ x ].forma_acesso_descricao;
						modoId    = arrObjs[ x ].forma_acesso_id;
						servico   = arrObjs[ x ].descricao.replace( /\s+/g, '_' );
						servicoId = arrObjs[ x ].id;
						
						/*if(arrObjs[ x ].nome_operadora == 'oi' && servicoId == 4) {
							modo = 'aplicativo';
							modoId = 1;
						}*/
						
						document.getElementById('slcServicos').innerHTML += "" + 
						"			<div class=\"linha_servicos\" onclick=\"wm.selecionaTutorial('"+servicoId+"','"+modoId+"', '"+servico+"')\" onmouseover=\"rolloverSecao('"+servico+"','"+modo+"','in');\" onmouseout=\"rolloverSecao('"+servico+"','"+modo+"','out');\">" +
						"				<div class=\"tit_"+servico+" rep\" id=\""+servico+"_off\" style=\"display:block;\">"+servico+" off</div>" +
						"				<div class=\"tit_escolha_"+modo+" rep\" id=\""+modo+"_"+servico+"_off\" style=\"display:block;\"></div>" +
						"				<div class=\"tit_"+servico+"_rolover rep\" id=\""+servico+"_on\" style=\"display:none;\">"+servico+" on</div>" +
						"				<div class=\"tit_escolha_"+modo+"_rolover rep\" id=\""+modo+"_"+servico+"_on\" style=\"display:none;\"></div>" +
						"			</div>";							

					}	
						
					$( '#box_resultado' ).show();
					$( '#box_procura'   ).hide();

					var operadora_nome = $( '#slctOperadora option:selected' ).text();
					var marca_nome     = $( '#slctMarca option:selected'     ).text();
					var modelo_nome    = $( '#slctModelo option:selected'    ).text();
					
					/**
					 * Verifica se esta na pagina tutorial.asp ou nao
					 **/
					if( location.href.indexOf( 'tutorial.asp' ) == -1 )	{
						$( "#navegacao_box_procura"      ).html( operadora_nome + " / " + marca_nome + " / " + modelo_nome );
						$( "#navegacao_box_baixar_agora" ).val( operadora_nome + " / " + marca_nome + " / " + modelo_nome  );
					}	
								
				}
				
			 } );					
		
		}
		
	}
	
}