var total_reg;
function colocar_box() {
var w=150;
var ex=7;
var scx;
var scy;
if (typeof window.innerWidth != 'undefined') {
     scx = window.innerWidth;
     scy = window.innerHeight;
 }
else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
     scx = document.documentElement.clientWidth;
     scy = document.documentElement.clientHeight;
   }
  
var num=Math.floor(scx/(w+ex));
if ((num % 2)==0) {
 num--;  
}

var total=num*157;

  var cad="";
  total_reg=ar.length;
  var totalbox=((num*2) + Math.floor(num/2))-total_reg;
  var pos1=num + Math.floor(num/2);
  var pos2=(2*num)-1 + Math.floor(num/2);
  if(totalbox>0) {  
    for(a=0; a<totalbox; a++)  { ar[total_reg+a]=''; }  
  }
  var total_regy=(Math.floor(scy/125))*num;
  
  if((total_reg+2)>total_regy) total_reg=total_regy-2;
  
  for(a=0;a<total_reg;a++)
	{
	 switch(a) {
	  case pos1: cad=cad + '<div class="box1" id="m1"><div class="box_cont"><br><div class="fila_menu"><div style="margin-top:3px;width:15px;float:left"><a href="javascript:escoger_random()" class="link_menu"><img src="images/ico1.gif" border="0" width="15" height="15"></a></div><div style="float:left"><a href="javascript:escoger_random()" class="link_menu">go to random project</a></div></div><div class="fila_menu"><div style="margin-top:3px;width:15px;float:left"><a href="listing.php" class="link_menu"><img src="images/ico2.gif" border="0" width="15" height="15"></a></div><div style="float:left"><a href="listing.php" class="link_menu">load again</a></div></div><div class="fila_menu"><div style="margin-top:3px;width:15px;float:left"><a href="mailto:ed@eljardi.tv" class="link_menu"><img src="images/ico3.gif" border="0" width="15" height="15"></a></div><div style="float:left"><a href="contactinfo.php" class="link_menu">contact info</a></div></div><div class="fila_menu"><div style="margin-top:3px;width:15px;float:left"><a href="mailto:sunflower@eljardi.tv" class="link_menu"><img src="images/ico3.gif" border="0" width="15" height="15"></a></div><div style="float:left"><a href="mailto:sunflower@eljardi.tv" class="link_menu">sunflower@eljardi.tv</a></div></div></div></div>'; break;
	  case pos2: cad=cad + '<div class="box" id="m2"><img src="images/proyectos/img/m2.png" border="0" /></div>'; break;
 	  }
	  cad=cad + '<div class="box">'+ ar[a]+'</div>'; 
	}
 
  document.getElementById("web").innerHTML=cad;
  document.getElementById("web").style.width=total+"px";
  
if (typeof window.innerWidth != 'undefined') {
  h=document.getElementById("web").offsetHeight ;
 }
else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
   h=document.getElementById("web").clientHeight;
}  
  document.getElementById("web").style.left=Math.ceil((scx-total)/2)+"px";
  document.getElementById("web").style.top=Math.ceil((scy-h)/2)+"px";
}

function escoger_random() {
	var num=Math.floor(Math.random()*total_reg);
	window.location=document.getElementById("a"+num).href;
}
function scrollVertical(value, element, slider) 
{
 element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
}
function iniciar_scroll()
{
 if($('tabla') && $('barra_vertical'))
  {
	 if ($('tabla').scrollHeight > $('tabla').offsetHeight) {
 	   $("barra_vertical").style.visibility="visible";
	    slider1 = new Control.Slider('imgsc','barra',{axis:'vertical',onSlide: function(v) { scrollVertical(v, $('tabla'), slider1);  },	onChange: function(v) { scrollVertical(v, $('tabla'), slider1); }});
		slider1.setValue(0);
  		}
		else {
			$("barra_vertical").style.visibility="hidden";
		}
  }
}

function iniciar_scroll_n()
{
 if($('lista_news') && $('barra_vertical_n'))
  {
	 if ($('lista_news').scrollHeight > $('lista_news').offsetHeight) {
	    $("lista_news").style.width="384px";
		var items = $$("#con_news");
        for (var i = 0; i < items.size(); i++) {  items[i].style.width="347px";     }
 	    $("barra_vertical_n").style.visibility="visible";
	    slider1 = new Control.Slider('imgsc_n','barra_n',{axis:'vertical',onSlide: function(v) { scrollVertical(v, $('lista_news'), slider1);  },	onChange: function(v) { scrollVertical(v, $('lista_news'), slider1); }});
		slider1.setValue(0);
  		}
		else {
	    $("lista_news").style.width="405px";
		var items = $$("#con_news");
        for (var i = 0; i < items.size(); i++) {  items[i].style.width="368px";     }
		$("barra_vertical_n").style.visibility="hidden";
		}
  }
}
function iniciar_scroll_c()
{
 if($('lista_clients') && $('barra_vertical_c'))
  {
	 if ($('lista_clients').scrollHeight > $('lista_clients').offsetHeight) {
	   $("lista_clients").style.width="625px";
 	   $("barra_vertical_c").style.visibility="visible";
	    slider1 = new Control.Slider('imgsc_c','barra_c',{axis:'vertical',onSlide: function(v) { scrollVertical(v, $('lista_clients'), slider1);  },	onChange: function(v) { scrollVertical(v, $('lista_clients'), slider1); }});
		slider1.setValue(0);
  		}
		else {
	   $("lista_clients").style.width="646px";
		$("barra_vertical_c").style.visibility="hidden";
		}
  }
}


function mostrar_friend(){
 if( $('friend').style.display=="") {
	  new Effect.Fade("friend",{ duration:0.6});
 }
 else {	 
     new Effect.Fade("friend",{ duration:0.6});
     setTimeout('new Ajax.Updater("friend","form_enviar.php", {method: "get", parameters: "", onComplete: res_friend });',800);
 }
}
function res_friend() {
  new Effect.Appear("friend",{ duration:0.6});
}
function enviar_friend() {
    new Effect.Fade("friend",{ duration:0.6});
    setTimeout("new Ajax.Updater('friend','enviar_friend.php?id="+ $('idp').value+"&nombre="+ $('fr_nombre').value+"&email="+ $('fr_mail').value+"', {method: 'get', parameters: '', onComplete: mostrar });",800);
}
function mostrar() {
  new Effect.Appear("friend",{ duration:0.6});
  setTimeout("mostrar_friend();",4000);
 
}