/***************            box open      
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;    ***************/
$(document).ready(function(){
	var hei=100/5*3;
	$('#inf').css({"heigth":hei+"%"})
	setTimeout(box,4000)
	function box(){
	$('#shadowdiv').animate({
		opacity:"0.8"
		},300,function(){
			$('#boxgoogle').animate({
				left:"50%",
				marginLeft:"-252px",
				opacity:1
				},1000,function(){
					$('#keyboard').slideDown(1000);
				});
			});
		}
		
		

/**************                 classico placeholder en internet explorer***************/
	if($.browser.msie&&$.browser.mozilla&&$.browser.opera){
		$('#titlehead').css({"color":"#fff"});
		$('#search').val('Consulta tu busqueda aqui');
		$('#textserver').val('ingresa el artista a descargar');
		$('#search,#textserver').focus(function(){
			$(this).val('')
			}
		);
		$('#textserver').blur(function(){
		$(this).val('Consulta tu busqueda aqui')
		});
		$('#search').blur(function(){
		$(this).val('ingresa el artista a descargar');
				});
		$('#go').submit(function() {
			$('#search').val('')
			})
	}
	$('#search').focus(function() {
		$('#go').removeAttr('disabled', 'disabled');
	})
	$('#go').click(function(){
		if($('#search').val().length<=2){
			$('#search').addClass('inputtext').removeClass('inputtext0');
			$(this).attr('disabled', 'disabled');
			$('#search').addClass('place').attr('placeholder','Debes escribir tu consulta');
		}
	})
	$('input.google').mousedown(function(){
		$('#googlelogo img').removeClass('active').addClass('innactive');
	});
	$('input.google').mouseup(function(){
		$('img.google').removeClass('innactive').addClass('active');
	});
	$('input.bing').mousedown(function(){
		$('#googlelogo img').removeClass('active').addClass('innactive');
	});
	$('input.bing').mouseup(function(){
		$('img.bing').removeClass('innactive').addClass('active');
	});
	$('input.yahoo').mousedown(function(){
		$('#googlelogo img').removeClass('active').addClass('innactive');
	});
	$('input.yahoo').mouseup(function(){
		$('img.yahoo').removeClass('innactive').addClass('active');
	});
	
	/******colores aleatorios para el teclado*******/
	
	var h =Math.floor(Math.random()*101);
	var s =(90+Math.floor(Math.random()*100));
	var l =(30+Math.floor(Math.random()*60));
	var ho=h+1;
	var so=s+1;
	var lo=s+1;
	$('#keyboard li').css({
		"text-shadow":"hsl("+h+","+s+"%,"+l+"%) 2px 2px 1px,"
		             +"hsl("+h+","+s+"%,"+l+"%) 2px 2px 3px,"
					 +"hsl("+h+","+s+"%,"+l+"%) 2px 2px 5px,"
					 +"hsl("+h+","+s+"%,"+l+"%) 2px 2px 7px,"
					 +"hsl("+h+","+s+"%,"+l+"%) 2px 2px 9px",
		"-webkit-box-shadow":"inset hsl("+h+","+s+"%,"+l+"%) 0px 0px 4px,"
		                          +"hsl("+h+","+s+"%,"+l+"%) 0px 0px 3px",
		   "-moz-box-shadow":"inset hsl("+h+","+s+"%,"+l+"%) 0px 0px 4px,"
		                          +"hsl("+h+","+s+"%,"+l+"%) 0px 0px 3px",
		        "box-shadow":"inset hsl("+h+","+s+"%,"+l+"%) 0px 0px 4px,"
				                  +"hsl("+h+","+s+"%,"+l+"%) 0px 0px 3px"
	});
	if($.browser.opera){
		$('#keyboard li').css({"color":"hsl("+h+","+s+"%,"+l+"%)"})
		}
	/***********hover key***********/
	$('#keyboard li').mouseover(function(){
		$(this).css({
			"background":"#fff"
		});
    })
    $('#keyboard li').mouseout(function(){
		$(this).css({"background":"rgba(0,0,0,0.7)"});
   })
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   /*****************TECLADO**********************/
	$(function(){  
    var $write = $('#search'),  
        shift = false,  
        capslock = false;  
  
    $('#keyboard li').click(function(){  
        var $this = $(this),  
            character = $this.html();
        if ($this.hasClass('left-shift') || $this.hasClass('right-shift')) { 
            $('.letter').toggleClass('uppercase'); 
            $('.symbol span').toggle(); 
            shift = (shift === true) ? false : true; 
            capslock = false; 
            return false; 
        } 
        if ($this.hasClass('capslock')) { 
            $('.letter').toggleClass('uppercase'); 
            capslock = true; 
            return false; 
        } 
        if ($this.hasClass('delete')) { 
            var html = $write.val(); 
            $write.val(html.substr(0, html.length - 1)); 
            return false; 
        } 
        if ($this.hasClass('symbol')) character = $('span:visible', $this).html(); 
        if ($this.hasClass('space')) character = ' '; 
        if ($this.hasClass('tab')) character = "\t"; 
        if ($this.hasClass('return')) character = "\n"; 
        if ($this.hasClass('uppercase')) character = character.toUpperCase(); 
        if (shift === true) { 
            $('.symbol span').toggle(); 
            if (capslock === false) $('.letter').toggleClass('uppercase');  
            shift = false;  
        }  
        $write.val($write.val() + character);  
    });  
});  
});











/*********************CONTADOR DE VISITAS LOCAL*********************/
	function GetCookie (name) {
		var arg = name + "="; 
		var alen = arg.length;
		var clen = document.cookie.length;
		var i = 0;
		while (i < clen) {
			var j = i + alen; 
			if (document.cookie.substring(i, j) == arg) 
			return getCookieVal (j);
			i = document.cookie.indexOf(" ", i) + 1; 
			if (i == 0) break; 
		}
		return null;
	}
	function SetCookie (name, value) {
		var argv = SetCookie.arguments;
		var argc = SetCookie.arguments.length;
		var expires = (argc > 2) ? argv[2] : null;
		var path = (argc > 3) ? argv[3] : null;
		var domain = (argc > 4) ? argv[4] : null;
		var secure = (argc > 5) ? argv[5] : false; 
		document.cookie = name + "=" + escape (value) + 
		((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
		((path == null) ? "" : ("; path=" + path)) + 
		((domain == null) ? "" : ("; domain=" + domain)) + 
		((secure == true) ? "; secure" : "");
	}
	function DeleteCookie (name) {
		var exp = new Date();
		exp.setTime (exp.getTime() - 1);
		var cval = GetCookie (name);
		document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
	}
	var expDays = 30;
	var exp = new Date(); 
	exp.setTime(exp.getTime() + (expDays*700*60*60*1000));
	function amt(){
		var count = GetCookie('count')
		if(count == null) {
			SetCookie('count','1')
			return 1
		}
		else {
			var newcount = parseInt(count) + 1;
			DeleteCookie('count')
			SetCookie('count',newcount,exp)
			return count
		}
	}
	function getCookieVal(offset) {
		var endstr = document.cookie.indexOf (";", offset);
		if (endstr == -1)
		endstr = document.cookie.length;
		return unescape(document.cookie.substring(offset, endstr));
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/**********************CERRAR TECLADO Y BUSCADORES**************************/
	
$(document).ready(function(){
	var audiof = document.getElementById('fast');
	var audioc = document.getElementById('closesound');
	$('#corner').click(function(){
		audioc.play();true
				$('#keyboard').slideUp(500,function(){
				audiof.play();
				$('#boxgoogle').animate({
					left: "50%",
					marginLeft: "-800px",
					opacity: 0,
					},300 ,function(){
						$('#shadowdiv').css({'display':'none'});
						$(this).css({
					left: "50%",
					marginLeft: "800px"})
			});
		});
	});
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/**********************MENU INFERIOR***************************/
	
	$(function(){
setTimeout(function(){ 
    var banner = $('#dou');
	var closing =$('#closenavb');
        closing.click( function(){
            var bannerHeight = banner.height();
            if(bannerHeight == "0"){
                banner.animate({"height": "+=55px"},{queue:false, duration:1500, easing: 'elasout'});
            } else {
                banner.animate({"height": "-=55px"},{queue:false, duration:1500, easing: 'elasout'})
            };            
        });
		$('.zz').click(function(){
			banner.animate({"height": "-=45px"},{queue:false, duration:1500, easing: 'elasout'})
		});
  }, 1000 ); 
 })
 /**************************SOUND HOVER*******************************/
	var audioe = document.getElementById('audio');
	$('footer a img,#red a img').mouseover(function() {
		audioe.currentTime= 0;
		audioe.play();
	});
	$('footer a img,#red a img').mouseout(function() {
		audioe.pause();
	});		   
	/******************RELOJ****************************/
	(function(){
		var timer = function(){
			var a = new Date();
			var b = a.getSeconds();
			var sec = b>= 10 ? b:'0'+ b;
			var c = a.getMinutes();
			var mins = c>= 10 ? c:'0'+ c;
			var d = a.getHours();
			var hours = d>= 10 ? d:'0'+ d;
			var k="AM"
				if (hours>12){
					k="PM"
					hours=hours-12
					}
				if (hours==0)
				hours=12
			var f = a.getFullYear();
			meses = new Array(
				"Enero","Febrero","Marzo",
				"Abril","Mayo","Junio",
				"Julio","Agosto","Septiembre",
				"Octubre","Noviembre","Diciembre");
			var g = meses[a.getMonth()];
			var h = a.getDate();
			 dias = new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado");
			var j = dias[a.getDay()];
			$("td."+h+"").addClass("curday");
			$("#clock2").html(""+hours+":"+mins+":"+sec+"&nbsp;"+k+"");
			$("#clock1").html(""+j+"&nbsp;"+h+"&nbsp;de&nbsp;"+g+"&nbsp;del&nbsp;"+f+"")
			};
			setInterval(
			timer,1000
			);
		})
	();        
	$('td a').attr('target','_blank');
	$('body').remove('body>link');
	$('.z').click(function(){
		$('.z').removeClass('sel');
		$(this).addClass('sel');
	});
});








/**************EFFECTOS DE MOVIMIENTO********************/
        jQuery(function( $ ){
            $.easing.elasout = function(x, t, b, c, d) {
                var s=1.70158;var p=0;var a=c;
                if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
                if (a < Math.abs(c)) { a=c; var s=p/4; }
                else var s = p/(2*Math.PI) * Math.asin (c/a);
                return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
            };  

        });

$(window).load(function(){
	var supportCanvas = 'getContext' in document.createElement('canvas');
	var slides = $('#slideshow li'),
		current = 0,
		slideshow = {width:0,height:0};
	setTimeout(function(){
		window.console && window.console.time && console.time('Generated In');
		if(supportCanvas){
			$('#slideshow img').each(function(){
				if(!slideshow.width){
					slideshow.width = this.width;
					slideshow.height = this.height;
				}
				createCanvasOverlay(this);
			});
		}
		window.console && window.console.timeEnd && console.timeEnd('Generated In');
		$('#slideshow .arrow').click(function(){
			var li			= slides.eq(current),
				canvas		= li.find('canvas'),
				nextIndex	= 0;
			if($(this).hasClass('next')){
				nextIndex = current >= slides.length-1 ? 0 : current+1;
			}
			else {
				nextIndex = current <= 0 ? slides.length-1 : current-1;
			}

			var next = slides.eq(nextIndex);
			
			if(supportCanvas){
				canvas.fadeIn(function(){
					next.show();
					current = nextIndex;
					li.fadeOut(function(){
						li.removeClass('slideActive');
						canvas.hide();
						next.addClass('slideActive');
					});
				});
			}
			else {
				current=nextIndex;
				next.addClass('slideActive').show();
				li.removeClass('slideActive').hide();
			}
		});
		
	},100);
	function createCanvasOverlay(image){

		var canvas			= document.createElement('canvas'),
			canvasContext	= canvas.getContext("2d");
		canvas.width = slideshow.width;
		canvas.height = slideshow.height;
		canvasContext.drawImage(image,0,0);
		var imageData	= canvasContext.getImageData(0,0,canvas.width,canvas.height),
			data		= imageData.data;
		for(var i = 0,z=data.length;i<z;i++){			
			data[i] = ((data[i] < 128) ? (2*data[i]*data[i] / 255) : (255 - 2 * (255 - data[i]) * (255 - data[i]) / 255));
			data[++i] = ((data[i] < 128) ? (2*data[i]*data[i] / 255) : (255 - 2 * (255 - data[i]) * (255 - data[i]) / 255));
			data[++i] = ((data[i] < 128) ? (2*data[i]*data[i] / 255) : (255 - 2 * (255 - data[i]) * (255 - data[i]) / 255));
			++i;
		}
		canvasContext.putImageData(imageData,0,0);
		image.parentNode.insertBefore(canvas,image);
	}
	
});
    var map;
    function initialize() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map") );
        map.setCenter(new GLatLng(20.531, -101.1273),18, G_HYBRID_MAP);
        map.addControl(new GOverviewMapControl());
        map.addControl(new GScaleControl());
        map.openInfoWindow(map.getCenter(),document.createTextNode("Cafe internet Compusheila"));
        var customUI = map.getDefaultUI();
        customUI.controls.scalecontrol = false;
        map.setUI(customUI);
        map.enableRotation();
      }
      
    }