$(document).ready(function () {
        $('#section').css('opacity','0.8');
        //$('h2').sifr({ font:'swf/font',version:3,fontSize:18,forceSingleLine:true });
      
        if(jQuery().colorbox){
            $('a.overlay').colorbox({transition:'fade'});
        }
        $('#sites').mouseenter(function () { $('#sites div').stop(true, true).slideDown(300) }).mouseleave(function () { $('#sites div').stop(true, true).slideUp(300) });
        setDef('#search');
    })

    function setDef (selector) {
        var default_message = $(selector).val();
        $(selector).val(default_message).focus(function () {
            if ($(this).val() == default_message) $(this).val('');
        }).blur (function () {
            if ($(this).val() == '') $(this).val(default_message);
        });
    }

	var destacados = {
		pos: 1,
		deleteFirst: false,
		time: null,
		frame: {},
		links: [],
		frameSize: {},
		containerSize: {},
		containerSelector: {},
		interval: 5000,
		transition: 1000,
		init: function() {
            destacados.frame 	 	     = $("#banner-contenido ul");
            destacados.frameHTML         = destacados.frame.html();
            destacados.frameSize 	     = $("#banner-contenido li").length;
            destacados.containerSize 	 = $('#banner-contenido').width();
            destacados.containerSelector = $('#banner-selector ul');
            destacados.hoverBind();
            destacados.clickBind();							
            destacados.frame.css('width',destacados.frameSize * destacados.containerSize);
            
            if (destacados.frameSize > 0) {
                destacados.timer();
            }
            
            destacados.containerSelector.find('.open').css({'width':(480 - ((destacados.frameSize - 1) * 30))+'px'});
            
            destacados.containerSelector.find('li').css({'cursor':'pointer'});
            destacados.frame.find('li').css({'cursor':'pointer'});
                            
		},
		clickBind: function() {
            destacados.containerSelector.find('a:first').click();
		},
		hoverON: function(obj) {
			$(obj).parent().find('li').removeClass('open').css({'width':'30px'});
			$(obj).addClass('open').css({'width':(480 - ((destacados.frameSize - 1) * 30))+'px'});
			clearInterval(destacados.time);
			destacados.pos = $(obj).index();
			destacados.mover();
		},
		hoverOFF: function() { destacados.timer()},
		hoverBind: function() {
			destacados.containerSelector.find('li').hover(
				function(){ destacados.hoverON(this)}, 
				function(){	destacados.hoverOFF()}
			);
			destacados.frame.find('li').hover(
				function(){ clearInterval(destacados.time) }, 
				function(){	destacados.hoverOFF()}
			);
		},
		timer: function() { destacados.time = setInterval(function(){ destacados.mover() }, destacados.interval)},
		mover: function(){
			if (destacados.frameSize == destacados.pos) {
				destacados.reOrder();
				destacados.frameSize = destacados.frameSize * 2;
				destacados.frame.css('width',destacados.frameSize * destacados.containerSize);
				destacados.deleteFirst = true;
			} else {
				destacados.frame.stop(true).animate({ marginLeft: destacados.pos * destacados.containerSize * -1 }, destacados.transition, 'swing', destacados.deleteFrame);
				destacados.pos++;
			}
		},
        deleteFrame: function() {
            if (destacados.deleteFirst) {
                destacados.frameSize = destacados.frameSize / 2;
                destacados.frame.find('li:lt('+(destacados.frameSize)+')').remove();
                destacados.frame.css({'width':(destacados.frameSize * destacados.containerSize) + 'px',
                                      'margin-left':'0px'});
                destacados.pos = 0;
                destacados.deleteFirst = false;	
            }
            destacados.selectSelector((destacados.pos < 1 ? 1:destacados.pos));
        },
		selectSelector: function(pos) {
			if (typeof pos != 'undefined') {
				destacados.containerSelector.find('li').removeClass('open').css({'width':'30px'});
				destacados.containerSelector.find('li:eq('+(pos - 1)+')').addClass('open').css({'width':(480 - ((destacados.frameSize - 1) * 30))+'px'});
			}
		},
		reOrder: function(){
			destacados.frame.append(destacados.frameHTML);
		}
	};