http://www.scp.com.pe/js/general.js

1
2$(document).ready( function(){	
3
4$("#divMenu div ul").hide(); //Hover over event on list item
5		$("#divMenu div").hover(function() { //Hover over event on list item
6			$(this).find("a").addClass("linkSelecto"); //Show the subnav
7			$(this).find("ul").fadeIn(); //Show the subnav
8			$(this).find("ul a").removeClass("linkSelecto");			
9			$(this).find("ul a:last").addClass("SinBorde");			
10		} , function() { //on hover out...
11			$(this).parent().find("ul").fadeOut(); //Show the subnav
12			$(this).find("a").removeClass("linkSelecto"); //Show the subnav
13		});
14		
15/**** thumbs ****/
16	//move the image in pixel
17	var move = 0;
18	//zoom percentage, 1.2 =120%
19	var zoom = 1;
20	//On mouse over those thumbnail
21	$('.item').hover(function() {
22		//Set the width and height according to the zoom percentage
23		width = $('.item').width() * zoom;
24		height = $('.item').height() * zoom;
25		
26		//Move and zoom the image
27		$(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});
28		
29		//Display the caption
30		$(this).find('div.caption').stop(false,true).fadeIn(200);
31	},
32	function() {
33		//Reset the image
34		$(this).find('img').stop(false,true).animate({'width':$('.item').width(), 'height':$('.item').height(), 'top':'0', 'left':'0'}, {duration:100});	
35
36		//Hide the caption
37		$(this).find('div.caption').stop(false,true).fadeOut(200);
38	});
39
40
41			$('#cycle')
42			//.after('<div id="home_rotate">')
43			.cycle({ 
44				fx:     'fade', 
45				timeout: 8000, 
46				speed: 1200,
47				pause:  1,
48				next:   '#next', 
49				prev:   '#prev'
50			});
51
52
53	//Default Action
54	/*$(".tab_content").hide(); //Hide all content
55	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
56	$(".tab_content:first").show(); //Show first tab content*/
57	
58	//On Click Event
59	/*$("ul.tabs li").click(function() {
60		$("ul.tabs li").removeClass("active"); //Remove any "active" class
61		$(this).addClass("active"); //Add "active" class to selected tab
62		$(".tab_content").hide(); //Hide all tab content
63		var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
64		$(activeTab).fadeIn(); //Fade in the active content
65		return false;
66	});*/
67
68
69/* inicio acordion */
70	$('.acc_container').hide();  
71	$('.acc_trigger:first').addClass('active').next().show(); 
72	
73	$('.acc_trigger').click(function(){  
74	 if( $(this).next().is(':hidden') ) {  
75		 $('.acc_trigger')  
76			 .removeClass('active')  
77			 .next()  
78			 .slideUp();  
79		 $(this).toggleClass('active')  
80			 .next()  
81			 .slideDown();  
82	 }  
83	 return false;  
84	});  
85/* fin acordion */
86
87
88});
89
90
91$(window).load(function(){
92    var childrens = $('#divPrincipal').children();
93    childrens.each(function(i){
94        $(this).animate({
95            'opacity': '1'
96        });
97    });
98});
99
100function obtenerFoco(form,campo,mensaje)
101{
102	var obj	=eval("document.forms."+form);
103	var clave =eval("obj."+campo);
104
105	if( ! esObjeto( obj ) )
106		return;
107	
108	if( ! esObjeto( clave ) )
109		return;
110
111	if( clave.value==mensaje )
112	{
113		clave.value='';
114		return;
115	}
116}
117
118function perderFoco(form,campo,mensaje)
119{
120	var obj=eval( "document.forms."+form);
121	var clave =eval("obj."+campo);
122	if( ! esObjeto( obj ) )
123		return;
124	
125	if( ! esObjeto( clave ) )
126		return;
127
128	if( clave.value=='' )
129	{
130		clave.value=mensaje;
131		return;
132	}
133}
134
135function esObjeto( obj )
136{
137	if( typeof( eval( 'obj' ) )!='object' )
138		return false;
139	
140	return true;
141}
142
143
144/********** tamaño *************/
145
146function ampliarCh(){
147	document.getElementById("divCentro").style.fontSize= '11px';
148}
149
150function ampliarMed(){
151	document.getElementById("divCentro").style.fontSize= '12px';
152}
153
154function ampliarGr(){
155	document.getElementById("divCentro").style.fontSize= '13px';
156}