$(function() {
	// form focus	
	$("form input:text").focus(function(){			
	  	$(this).parent().css({'background-position' : '0 0'});	  
	}).blur(function(){	
	  	$(this).parent().css({'background-position' : '-318px 0'});
	});
	$("form textarea").focus(function(){
	  $(this).parent().css({'background-position' : '0 -132px'});	  
	}).blur(function(){						 
	  $(this).parent().css({'background-position' : '0 0'});						 
	});	 
	$("form input:file").bind("change",function(){
	  var text = $(this).val();	 
	  $(this).parent().find('#file_text').text(text);
	});
	
	$(".hd-top .btn-close").click(function(){
		if(!$(this).hasClass('closed')){
			$(this).parent().find('.nav-lang ul').animate({"margin-top": "-36px"}, "fast");		
			$(this).addClass("closed");
		}else{			
			$(this).parent().find('.nav-lang ul').animate({"margin-top": "0"}, "fast");	
			$(this).removeClass("closed");
		}
	});

	//Buscador
	$('#btnSearch').click( function(e){
		e.preventDefault();
		var sSearch = $('#txtSearch').val();
		if(sSearch != '' && sSearch != 'Enter keyword/s'){
			window.location.href = WEB_PATH + 'news/search/' + urlencode(sSearch) + '/';
		}
	});
	
		
});
/* funciones para jCarousel */
		/**
		 * crea el menu de navegacion para el carousel
		 * asigna la clase jcarousel al elemento especificado
		 * @since 04/08/2010
		 * @author Piblox
		 * @param obj:object	
 		 * @param scroll:int	numero de item a paginar en cada click
		 * @param visible:int   cantidad de items que se van a mostrar
		 * @param start:int		numero de item en el que se va a inicializar el carousel
		 * @param auto:int		Specifies how many seconds to periodically autoscroll the content. If set to 0 (default) then autoscrolling is turned off.
		 * @param wrap:string	Specifies whether to wrap at the first/last item (or both) and jump back to the start/end. Options are "first", "last", "both" or "circular" as string. If set to null, wrapping is turned off (default).
		 */
		function createCarouselNavigator(obj, visible , scroll, start , auto, wrap){

                    

                        if(obj.data('init')){
				return false;
			}			
			auto=(auto)?auto:0;			
			wrap=(wrap)?wrap:'';
			visible=(visible)?visible:1;
			scroll=(scroll)?scroll:1;
			
			var ul = obj.find('ul').first()	;
				
			if(ul.children().length >1){
				ul.children('li').each(function(h){
					//'<a href="javaScript:void('');" class="page" rel="'+(h+1)+'"></a>';					
					obj.find('.page_selector').append('<a href="javaScript:void(\'\');" class="page" rel="'+(h+1)+'"></a> ');
				});
			}

			obj.jcarousel({
				//animation: 'fast',
				scroll:scroll ,
				auto:auto,
				visible: visible,
				start:start,
				wrap: wrap,
				initCallback: mycarousel_initCallback,
				itemFirstInCallback:  highlight,
				itemFirstOutCallback: removehighlight
			});
			obj.data('init', true);
		}

		/**
		 * agrega eventos al los botones de navegacion del carousel especificado
		 * @since 04/08/2010
		 * @author Piblox
		 * @param carousel obj jcarousel
		 */
		function mycarousel_initCallback(carousel) {
			//var navigator = carousel.container.parent().parent().children('.page_selector');
			/*
			carousel.clip.hover(function() {
				carousel.stopAuto();
			}, function() {
				carousel.startAuto();
			});
			*/
			/*
			carousel.buttonNext.bind('click', function() {
				carousel.startAuto(0);
			});
			carousel.buttonPrev.bind('click', function() {
				carousel.startAuto(0);
			});*/


			//var navigator = carousel.container.parent().parent().find('.page_selector');
			var navigator = carousel.container.find('.page_selector');
			navigator.children('a').bind('click', function() {
				$(this).parent().children().removeClass('active');
				$(this).addClass('active');
				carousel.scroll($.jcarousel.intval($(this).attr('rel')));
				//carousel.startAuto(0);
				return false;
			});
		};

		// agrega la clase active al boton de navegacion correspondiente a la imagen actual   <a>
		// <a href="#">1</a> to <a href="#" class="selected">1</a>
		function highlight(carousel, obejctli,liindex,listate){
			 //var navigator = carousel.container.parent().parent().children('.page_selector');
			 //var navigator = carousel.container.parent().parent().find('.page_selector');
			 var navigator = carousel.container.find('.page_selector');
			 navigator.children('a:nth-child('+ liindex +')').attr("class","active");
		};

		// it will remove last active slide from <a>
		// <a href="#" class="active">1</a> to <a href="#">1</a>
		function removehighlight(carousel, obejctli,liindex,listate){
			//var navigator = carousel.container.parent().parent().children('.page_selector');
			//var navigator = carousel.container.parent().parent().find('.page_selector');
			var navigator = carousel.container.find('.page_selector');
			 navigator.children('a:nth-child('+ liindex +')').removeAttr("class","active");
		};