var el_scroll;
isIE7='\v'=='v';
var offset_deco=(isIE7)?38:36;
if(navigator.appName=="Opera") offset_deco=70;
jQuery(document).ready(function(){
	// enganche de los botones de navegación a la función de cambiar de slide
	jQuery('#panel_slider .panel_navigation').find('li.panel_nav_button').click(panel_home_selectNav);
	el_scroll = jQuery('#panel_slider .panel_scroll');//.css('overflow', 'hidden');
	//ponemos el deco en el primero
	jQuery(".panel_navigation li.panel_nav_button:first").addClass("panel_selected");
	//binding de botón izquierdo
	jQuery('.panel_navigation img.panel_left').click(function(){
		el=jQuery(".panel_navigation li.panel_selected").prev("li.panel_nav_button");
		if(el.length>0)panel_home_selectNav.call(el);
	});
	jQuery('.panel_navigation img.panel_right').click(function(){
		el=jQuery(".panel_navigation li.panel_selected").next("li.panel_nav_button");
		if(el.length>0)panel_home_selectNav.call(el);
	});	
	jQuery("#panel_abridor").click(function(){
		if(jQuery(this).attr("alt")=="Cerrar"){
			jQuery(this).attr("alt", "Abrir");
			this.src="files/panel/abrir.png";
			jQuery("#panel_slider_deco").show().css({left:"100px", width:"100px"});

		}else{
			jQuery(this).attr("alt", "Cerrar");
			this.src="files/panel/cerrar.png";
			jQuery("#panel_slider_deco").show().css({left:"100px", width:"100px"});

		}
		jQuery("#panel_slider").slideToggle("slow", function(){
			setTimeout('panel_home_init();',200);
		});
	});
});
jQuery(window).load(function(){
	panel_home_init();
	//colocar_deco(jQuery(".navigation li.nav_button:first"));
});
function panel_home_init(){
	panel_home_selectNav.call(jQuery(".panel_navigation li.panel_nav_button:first"));
}
function panel_home_selectNav() {
  jQuery(this).parents('ul:first').find('li.panel_nav_button').removeClass('panel_selected').end().end().addClass('panel_selected');
  el_scroll.scrollTo(el_scroll.find("#"+jQuery(this).attr("rel")),900);
  panel_colocar_deco(this);
}
function panel_colocar_deco(el, fast){
	if(fast==null)fast=false
	jQuery.each(jQuery("li.panel_nav_button img"), function(){
		jQuery(this).attr("src", jQuery(this).attr("rel"));
	});
	img = jQuery("img", el);
	img.attr("src", img.attr("alt"));
	mi_left = jQuery(el).position().left + offset_deco;
	mi_width = jQuery(el).width()+15;
	if(mi_width<20)mi_width=120;
	if(fast==true)
		jQuery("#panel_slider_deco").show().css({left:mi_left+"px", width:mi_width+"px"});
	else
		jQuery("#panel_slider_deco").show().animate({left:mi_left+"px", width:mi_width+"px"});
}