// JS Created by Mario Rojas
var t, cont, direccion, indwork;
var pos = 276;

window.onload = function() {

if(document.getElementById('works_wrapper')){
var works=document.getElementById('works_wrapper');
works.style.width = ancho +'px';
}else{
var works=document.getElementById('works');
}
var works_list=works.getElementsByTagName('li');
for ( var i=0; i<works.getElementsByTagName('li').length; i++){
	if ( works.getElementsByTagName('li')[i].id=="work_actual" ){
		indwork = i;
		pos = i*138;
		if(pos<276){pos = 277;}
		if(pos>(ancho-414)){pos=(ancho-414);}
	}
}
var ta= new Array();
var alph_list = new Array();
var ina = new Array();

function aparecer(o, ind, val, fac){
ina[ind]= (o.getElementsByTagName('span')[0].style.opacity*100);
function ciclo_a() {
	ina[ind] += (val - ina[ind])*fac;
	o.getElementsByTagName('span')[0].style.opacity = (ina[ind]/100);
	o.getElementsByTagName('span')[0].style.filter = 'alpha(opacity ='+ ina[ind] +')';
	ta[ind]=setTimeout(ciclo_a,33);
}
clearTimeout(ta[ind]);
ciclo_a();
}

function ciclo() {
	ini += (pos - ini)*.125;
	works.style.marginLeft=Math.round(276-ini) +'px';
	t=setTimeout(ciclo,33);
	if(ini == pos){clearTimeout(t);}
}
clearTimeout(t);
ciclo();

function paspos(obj) {
	var tmpURL = obj.getElementsByTagName('a')[0].href.split("?")[0];
	obj.getElementsByTagName('a')[0].href=tmpURL + "?oldpos=" + (indwork*138);
}

if ( works.id=="works_wrapper" ){
for ( var i=0; i<works_list.length; i++){
	works_list[i].index=i;
	works_list[i].onmouseover = function(){aparecer(this, this.index, 0, .125);paspos(this);}; 
	works_list[i].onmouseout = function(){aparecer(this, this.index, 60, .125);};
	works_list[i].getElementsByTagName('span')[0].style.opacity = 0.6;
}
}else{
for ( var i=0; i<works_list.length; i++){
	works_list[i].index=i;
	works_list[i].onmouseover = function(){aparecer(this, this.index, 100, .25);}; 
	works_list[i].onmouseout = function(){aparecer(this, this.index, 0, .0625);};
	works_list[i].getElementsByTagName('span')[0].style.opacity = 0;
}
}
document.getElementById("back").onclick = function(){pos -= 552; if(pos<276){pos=276;}};
document.getElementById("next").onclick = function(){pos += 552; if(pos>(ancho-414)){pos=(ancho-414);}};
}