//SLIDESHOW//////////////////////////////////////////////SLIDESHOW
var mygallery=new simpleGallery({
	wrapperid: "simplegallery1", //ID of main gallery container,
	//dimensions: [540, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	dimensions: [540, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	
	imagearray: [
		//["imagen/publicidad/1.jpg", "http://en.wikipedia.org/wiki/Swimming_pool", "_new", "Texto imagen1."],
		["imagen/publicidad/2011/banner_rc2011.jpg", "./registro_electoral/centros_ia_re.php", "", ""],
		["imagen/publicidad/2011/banner_sai.gif", "./sistema_electoral/sai.php", "", ""],
		//["imagen/publicidad/2011/Servicio_electoral_2011.jpg", "./servicio_electoral/index_servicio_electoral.php", "", ""]
		["imagen/publicidad/2011/banner_2_rc.gif", "./registro_civil/rc2011/interfaces/index.php", "", ""]
		//["imagen/publicidad/2010/banner_resultados_5D.gif", "http://www.cne.gob.ve/divulgacion_regionales_2010/", "", ""],
		//["imagen/publicidad/2010/banner_resultados_2010.gif", "http://www.cne.gob.ve/divulgacion_parlamentarias_2010", "", ""]
	],
	autoplay: [true, 5000, 10], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	oninit:function(){ //event that fires when gallery has initialized/ ready to run
		//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
	},
	onslide:function(curslide, i){ //event that fires after each slide is shown
		//Keyword "this": references current gallery instance
		//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
		//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
	}
})
//SLIDESHOW//////////////////////////////////////////////SLIDESHOW

$(document).ready(function() {
	//area 1
	$('.fade-area-1').children().hover(function() {
		$(this).siblings().stop().fadeTo(500,0.5);
	}, function() {
		$(this).siblings().stop().fadeTo(500,1);
	});
	//area 2
	$('.fade-area-2').children().hover(function() {
		$(this).siblings().stop().fadeTo(500,0.5);
	}, function() {
		$(this).siblings().stop().fadeTo(500,1);
	});
});