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

/**
 * Cria objeto wm
 **/
wm = {
	
	/**
	 * Metodos
	 **/
	alimentaMarcas : function( operadora ) {
		
		$( '#slctMarca'    ).length = 1;		
		$( '#slctModelo'   ).length = 1;		
		$( '#linha_modelo' ).hide();
		$( '#slcServicos'  ).html( '' );
		
		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' ).hide().slideDown();						

				}
				
			 } );
			
		}
						
	},
	
	alimentaModelos : function( marca ) {
		
		$( '#slctModelo' ).length = 1;
		$( '#slcServicos' ).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' ).hide().slideDown();						

				}
				
			 } );			
			
		}	
		
	},
	
	alimentaServicos : 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 );	
					var secaoLinkTrack = "";							
					
					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;
						}*/
						
						secaoLinkTrack = "";						
						
						/**
						 * Verifica se está na pagina de tutorial
						 **/
						if( location.href.indexOf( 'tutorial.asp' ) != -1 )	{
												
							switch( servicoTuto ) {
								case "1":
									secaoLinkTrack = "portal msn";										
								break;
								case "2":
									secaoLinkTrack = "hotmail";
								break;
								case "3":
									secaoLinkTrack = "bing";
								break;
								case "4":
									secaoLinkTrack = "messenger";
								break;	
								case "5":
									secaoLinkTrack = "spaces";
								break;																															
							}	
														
						} else {
						
							secaoLinkTrack = arrObjs[x].descricao;					
							
						}
						
						/**
						 * Verifica se está na home
						 **/
						if( location.href.indexOf( 'home.asp' ) != -1 ) {
						
							document.getElementById('slcServicos').innerHTML += "" +
	
							"<dl onclick=\"wm.selecionaTutorial('" + servicoId + "','" + modoId + "', '" + servico + "'); dpc_pageview('/home/widget/selecionado_selecionado');\">" +
							"<dt style='background: url(_img/icon_widget_" + servico + ".gif) no-repeat; background-position: 8px 1px;'>" + arrObjs[x].descricao + "</dt>" +
							"<dd>" + modo + "</dd>" +
							"</dl>";						
						
						} else {

							document.getElementById('slcServicos').innerHTML += "" +

							"<dl onclick=\"wm.selecionaTutorial('" + servicoId + "','" + modoId + "', '" + servico + "'); dpc_pageview('/produto/"+ secaoLinkTrack +"/widget/selecionado_selecionado');\">" +
							"<dt style='background: url(_img/icon_widget_" + servico + ".gif) no-repeat; background-position: 8px 1px;'>" + arrObjs[x].descricao + "</dt>" +
							"<dd>" + modo + "</dd>" +
							"</dl>";												
						
						}
						
						/*"			<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();
					
					$( '.tit_box_procura' ).css( 'background', 'url("_img/widget_title.gif") no-repeat' );

					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  );
					}	
								
				}
				
			 } );					
		
		}
		
	},
	
	setMobile : function() {
		document.getElementById('hdnMobile').value = document.getElementById('slctModelo').options[document.getElementById('slctModelo').options.selectedIndex].getAttribute("mobile");	
	},
	
	selecionaTutorial : function( servico, acesso, produto ) {
	
		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' );
		}	
	}
	
}