image0 = new Image();image0.src = "/templates/arfooo/images/fondo.png";
				image1 = new Image();image1.src = "/templates/arfooo/images/encabezado.png";
				image2 = new Image();image2.src = "/templates/arfooo/images/searchbutton.png";
				image3 = new Image();image3.src = "/templates/arfooo/images/slideshow1.png";
				image4 = new Image();image4.src = "/templates/arfooo/images/titulos.png";
				image5 = new Image();image5.src = "/templates/arfooo/images/mc-h.png";
				image6 = new Image();image6.src = "/templates/arfooo/images/keyword-h.png";
				image7 = new Image();image7.src = "/templates/arfooo/images/ultimos.png";
	
				
//buscar

function blur_focus(accion) {
	var input = document.getElementById('search');
	var searchinput = document.getElementById('searchbutton');
	
	if (accion == 1) {

		if (input.value == '') {input.className='search'; searchinput.style.display = 'none'} else {input.className='search-hover';}

	}
	else {

	input.className='search-hover';
	searchinput.style.display = 'block'
	
	}
}

//slideshow
function slideSwitch() {
    var $active = $('#slideshow DIV.active');

    if ( $active.length == 0 ) $active = $('#slideshow DIV:last');

    // use this to pull the divs in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow DIV:first');

    // uncomment below to pull the divs randomly
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 6000 );
});
/////////////////////////////////////////////////////////////////////////////////////////////////////
//detecta navegador

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			   string: navigator.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();


//CSS
$(document).ready(function() {

	if ( (BrowserDetect.browser == 'Chrome') || (BrowserDetect.browser == 'Explorer') ) { 
		var headID = document.getElementsByTagName("head")[0];         
		var cssNode = document.createElement('link');
		cssNode.type = 'text/css';
		cssNode.rel = 'stylesheet';
		cssNode.href = '/templates/arfooo/css/'+BrowserDetect.browser+'.css';
		cssNode.media = 'screen';
		headID.appendChild(cssNode);
	}	
	$('#menu a, #ultimos-sitios a, #votePopupLink, #commentPopupLink, #problemPopupLink').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
		 $span.stop().fadeTo(275, 1);
	  }, function () {
		 $span.stop().fadeTo(400, 0);
	  });
	});
});