// detectar navegadores antiguos y sistemas operativos

function Is() {
    var agent = navigator.userAgent.toLowerCase();
    this.major = parseInt(navigator.appVersion);
    this.minor = parseFloat(navigator.appVersion);
    this.ns  = ((agent.indexOf('mozilla')!=-1) && ((agent.indexOf('spoofer')==-1) && (agent.indexOf('compatible') == -1)));
    this.ns2 = (this.ns && (this.major == 2));
    this.ns3 = (this.ns && (this.major == 3));
    this.ns4b = (this.ns && (this.minor < 4.04));
    this.ns4 = (this.ns && (this.major >= 4));
    this.ie   = (agent.indexOf("msie") != -1);
    this.ie3  = (this.ie && (this.major == 2));
    this.ie4  = (this.ie && (this.major >= 4));
    this.op3 = (agent.indexOf("opera") != -1);
    this.win   = (agent.indexOf("win")!=-1);
    this.mac   = (agent.indexOf("mac")!=-1);
    this.unix  = (agent.indexOf("x11")!=-1);
}

var is = new Is();

function onerror() {
    document.location.href = "javascript:";
}

// para independizarse del tipo de navegador

if(is.ns4) {
    doc = "document";
    sty = "";
    htm = ".document"
} else if(is.ie4) {
    doc = "document.all";
    sty = ".style";
    htm = ""
}


//  PRELOADING                          

var count = 0;

function preLoad() {
    button_up = new Image();
    button_up.onload = (is.ns4b) ? loadCheck() : loadCheck;
    button_up.src = "images/button_up.gif";

    button_dn = new Image();
    button_dn.onload = (is.ns4b) ? loadCheck() : loadCheck;
    button_dn.src = "images/button_dn.gif";



    eye_open = new Image();
    eye_open.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_open.src = "images/eye_open.gif";

    eye_partial = new Image();
    eye_partial.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_partial.src = "images/eye_partial.gif";

    eye_closed = new Image();
    eye_closed.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_closed.src = "images/eye_closed.gif";

    eye_center1 = new Image();
    eye_center1.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_center1.src = "images/eye_center1.gif";

    eye_center2 = new Image();
    eye_center2.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_center2.src = "images/eye_center2.gif";

    eye_north = new Image();
    eye_north.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_north.src = "images/eye_north.gif";

    eye_northeast = new Image();
    eye_northeast.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_northeast.src = "images/eye_northeast.gif";

    eye_east = new Image();
    eye_east.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_east.src = "images/eye_east.gif";

    eye_southeast = new Image();
    eye_southeast.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_southeast.src = "images/eye_southeast.gif";

    eye_south = new Image();
    eye_south.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_south.src = "images/eye_south.gif";

    eye_southwest = new Image();
    eye_southwest.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_southwest.src = "images/eye_southwest.gif";

    eye_west = new Image();
    eye_west.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_west.src = "images/eye_west.gif";

    eye_northwest = new Image();
    eye_northwest.onload  = (is.ns4b) ? loadCheck() : loadCheck;
    eye_northwest.src = "images/eye_northwest.gif";
}



// ····· funcion para controlar el porcentaje de imagen cargado ·····

function loadCheck() {
    count++;
    if(count == 15) {
        var status = eval(doc + '["msgLyr"]' + sty);
        status.visibility = "hidden";
        positionLayers();
    } else {
        var status = eval(doc + '["msgLyr"]' + htm);
        var msg = '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=5 WIDTH=300><TR><TD WIDTH=' + Math.round((count/15)*100) + '% BGCOLOR=#FF0000 ALIGN=RIGHT>' + '<FONT class="status">' + Math.round((count/15)*100) + '%</FONT>' +'</TD><TD BGCOLOR=#800000 VALIGN=MIDDLE>&nbsp;</TD></TR><TR><TD COLSPAN=2 ALIGN=CENTER><FONT class="main">Porcentaje Cargado</FONT></TD></TR></TABLE>';
        if(is.ns4) {
            status.write(msg);
            status.close();
        } else if(is.ie4) {
            status.innerHTML = msg;
        }
    }
}



//...... posicionamiento de los layers..........

function positionLayers() {
    sunObj = eval(doc + '["sunLyr"]' + sty);
    sunObj.left = 0;
    sunObj.top = 190;

    handObj = eval(doc + '["handLyr"]' + sty);
    handObj.left = available_width-131;
    handObj.top = available_height-236;

    craneObj = eval(doc + '["craneLyr"]' + sty);
    craneObj.left = available_width-134;
    craneObj.top = 10;

    carriageObj = eval(doc + '["carriageLyr"]' + sty);
    carriageObj.left = parseInt(craneObj.left);
    carriageObj.top = 20;

    eyeballImg = eval(doc + '["eyeballLyr"]' + '.document');
    eyeballObj = eval(doc + '["eyeballLyr"]' + sty);
    eyeballObj.left = parseInt(carriageObj.left) + 17;
    eyeballObj.top = parseInt(carriageObj.top) + 212;

    eyelidImg = eval(doc + '["eyelidLyr"]' + '.document');
    eyelidObj = eval(doc + '["eyelidLyr"]' + sty);
    eyelidObj.left = parseInt(carriageObj.left) + 17;
    eyelidObj.top = parseInt(carriageObj.top) + 212;

    buttonImg = eval(doc + '["menuLyr"]' + '.document');
    menuObj = eval(doc + '["menuLyr"]' + sty);
    menuObj.left = 8;
    menuObj.top = 0;

    presentacionObj = eval(doc + '["presentacionLyr"]' + sty);
    presentacionObj.left = 160;
    presentacionObj.top = 10;

    laboralObj = eval(doc + '["laboralLyr"]' + sty);
    laboralObj.left = 160;
    laboralObj.top = 10;

    atribucionesObj = eval(doc + '["atribucionesLyr"]' + sty);
    atribucionesObj.left = 160;
    atribucionesObj.top = 10;

    universidadObj = eval(doc + '["universidadLyr"]' + sty);
    universidadObj.left = 160;
    universidadObj.top = 10;

    culturaObj = eval(doc + '["culturaLyr"]' + sty);
    culturaObj.left = 160;
    culturaObj.top = 10;

    linksObj = eval(doc + '["linksLyr"]' + sty);
    linksObj.left = 160;
    linksObj.top = 10;

    empleoObj = eval(doc + '["empleoLyr"]' + sty);
    empleoObj.left = 160;
    empleoObj.top = 10;

    novedadesObj = eval(doc + '["novedadesLyr"]' + sty);
    novedadesObj.left = 160;
    novedadesObj.top = 10;

    arrowObj = eval(doc + '["arrowLyr"]' + sty);
    arrowObj.left = available_width-40;
    arrowObj.top = 20;

    formObj = eval(doc + '["formLyr"]' + sty);
    formObj.left = available_width-700;
    formObj.top = 20;
    form2Obj = eval(doc + '["form2Lyr"]' + sty);
    form2Obj.left = available_width-700;
    form2Obj.top = 20;
 
    emailObj = eval(doc + '["emailLyr"]' + sty);
    emailObj.left = 15;
    emailObj.top = available_height-150;


    sunObj.visibility = "visible";
    craneObj.visibility = "visible";
    carriageObj.visibility = "visible";
    eyeballObj.visibility = "visible";
    eyelidObj.visibility = "visible";
    menuObj.visibility = "visible";
    arrowObj.visibility = "visible";
    handObj.visibility = "visible";
    emailObj.visibility ="visible";	

    setTimeout("animate()", 2500);
    menuToggle('presentacion');
    buttonOver('presentacion');
}




//··········································································
//    animacion del ojo
//··········································································

var eyelidArray = new Array()
    eyelidArray[0]="eye_open";
    eyelidArray[1]="eye_partial";

var eyeballArray = new Array()
    eyeballArray[0]="eye_center1";
    eyeballArray[1]="eye_center2";
    eyeballArray[2]="eye_north";
    eyeballArray[3]="eye_northeast";
    eyeballArray[4]="eye_east";
    eyeballArray[5]="eye_southeast";
    eyeballArray[6]="eye_south";
    eyeballArray[7]="eye_southwest";
    eyeballArray[8]="eye_west";
    eyeballArray[9]="eye_northwest";

var horizArray = new Array()
    horizArray[0]=391;
    horizArray[1]=195;
    horizArray[2]=130;
    horizArray[3]=97;
    horizArray[4]=10;

var vertArray = new Array()
    vertArray[0]=-10;
    vertArray[1]=-40;
    vertArray[2]=-70;
    vertArray[3]=-100;
    vertArray[4]=-130;
    vertArray[5]=-160;
    vertArray[6]=-185;

var xArray = new Array()
    xArray[0]="left";
    xArray[1]="right";

var yArray = new Array()
    yArray[0]="up";
    yArray[1]="down";

var moveArray = new Array()
    moveArray[0]="moveVert";
    moveArray[1]="moveHoriz";



function randomizer(list) {
    return list[Math.round((list.length-1)*Math.random())];
}



var move_poser = true;
var moveDirection = "moveHoriz";
var zindex_toggle = true;

function animate() {
    moveDirection = randomizer(moveArray);
    if(moveDirection == "moveHoriz") {
        moveHoriz(randomizer(xArray),randomizer(horizArray));
    } else if(moveDirection == "moveVert") {
        moveVert(randomizer(yArray),randomizer(vertArray));
    }
    if(parseInt(carriageObj.left) < 40) {
        carriageObj.zIndex = 2;
        craneObj.zIndex = 3;
        eyeballObj.zIndex = 4;
        eyelidObj.zIndex = 5;
    }
    if(parseInt(carriageObj.left) > available_width-90) {
        carriageObj.zIndex = 7;
        craneObj.zIndex = 8;
        eyeballObj.zIndex = 9;
        eyelidObj.zIndex = 10;
    }
    if(move_poser == true) {
        setTimeout("moveHand()", 2000);
    }
}

var vert = "";
var vert_dist = 0;
var timer3 = null;

function moveVert(dir,dist) {
    vert = dir;
    vert_dist = dist;
    var y_pos1 = parseInt(carriageObj.top);
    var y_pos2 = parseInt(eyeballObj.top);
    var y_pos3 = parseInt(eyelidObj.top);
    if(vert == "up") {
        if(y_pos1 > vert_dist) {
            carriageObj.top = y_pos1-1;
            eyeballObj.top = y_pos2-1;
            eyelidObj.top = y_pos3-1;
            timer3 = setTimeout("moveVert(vert,vert_dist)", 1);
        } else {
            eyeballImg.eyeball_img.src = eval(randomizer(eyeballArray) + ".src");
            eyelidImg.eyelid_img.src = eval(randomizer(eyelidArray) + ".src");
            setTimeout("animate()", 2500);
        }
    }
    if(vert == "down") {
        if(y_pos1 < vert_dist) {
            carriageObj.top = y_pos1+1;
            eyeballObj.top = y_pos2+1;
            eyelidObj.top = y_pos3+1;
            timer3 = setTimeout("moveVert(vert,vert_dist)", 1);
        } else {
            eyeballImg.eyeball_img.src = eval(randomizer(eyeballArray) + ".src");
            eyelidImg.eyelid_img.src = eval(randomizer(eyelidArray) + ".src");
            setTimeout("animate()", 2500);
        }
    }
}

var horiz = "";
var horiz_dist = 0;
var timer4 = null;

function moveHoriz(dir,dist) {
    horiz = dir;
    horiz_dist = dist;
    var x_pos1 = parseInt(carriageObj.left);
    var x_pos2 = parseInt(eyeballObj.left);
    var x_pos3 = parseInt(eyelidObj.left);
    var x_pos4 = parseInt(craneObj.left);
    if(horiz == "left") {
        if(x_pos4 > horiz_dist) {
            carriageObj.left = x_pos1-1;
            eyeballObj.left = x_pos2-1;
            eyelidObj.left = x_pos3-1;
            craneObj.left = x_pos4-1;
            timer4 = setTimeout("moveHoriz(horiz,horiz_dist)", 100);
        } else {
            eyeballImg.eyeball_img.src = eval(randomizer(eyeballArray) + ".src");
            eyelidImg.eyelid_img.src = eval(randomizer(eyelidArray) + ".src");
            setTimeout("animate()", 2500);
        }
    }
    if(horiz == "right") {
        if(x_pos4 < horiz_dist) {
            carriageObj.left = x_pos1+1;
            eyeballObj.left = x_pos2+1;
            eyelidObj.left = x_pos3+1;
            craneObj.left = x_pos4+1;
            timer4 = setTimeout("moveHoriz(horiz,horiz_dist)", 100);
        } else {
            eyeballImg.eyeball_img.src = eval(randomizer(eyeballArray) + ".src");
            eyelidImg.eyelid_img.src = eval(randomizer(eyelidArray) + ".src");
            setTimeout("animate()", 2500);
        }
    }
}

var timer5 = null;

function moveHand() {
    move_poser = false;
    var x_pos = parseInt(handObj.left);
    if(x_pos < available_width-100) {
        handObj.left = x_pos+1;
        timer5 = setTimeout("moveHand()", 2);
    } else {
        handObj.zIndex = 1;
    }
}


//  MENU


var menu_selection = "presentacion";

function buttonOver(selection,pos) {
    if(menu_selection != selection) {
        buttonImg[selection].src = button_dn.src;
    }
}

function buttonOut(selection) {
    if(menu_selection != selection) {
        buttonImg[selection].src = button_up.src;
    }
}

function menuToggle(selection) {
    buttonImg[menu_selection].src = button_up.src;
    buttonImg[selection].src = button_dn.src;

    var old_page = eval(menu_selection + "Obj");
    old_page.visibility = "hidden";

    var new_page = eval(selection + "Obj");
    new_page.visibility = "visible";

    sunObj.left = 0;


    menu_selection = selection;

}


//  SCROLL de la pagina


var loop = true;
var direction = "up";
var speed = 10;
var timer1 = null;

function scroll(dir,spd) {
    direction = dir;
    speed = spd;
    var page = eval(menu_selection + "Obj");
    var y_pos = parseInt(page.top);
    var x_pos = parseInt(sunObj.left);
    if(loop == true) {
        if(direction == "dn") {
            page.top = (y_pos-(speed));
            if(x_pos < available_width) {
                sunObj.left = x_pos + 1;
            } else {
                sunObj.left = -100;
            }
            clearTimeout(timer1);
            timer1 = setTimeout("scroll(direction,speed)", 1);
        } else if(direction == "up" && y_pos < 10) {
            page.top = (y_pos+(speed));
            if(x_pos > -100) {
                sunObj.left = x_pos - 1;
            } else {
                sunObj.left = available_width;
            }
            clearTimeout(timer1);
            timer1 = setTimeout("scroll(direction,speed)", 1);
        } else if(direction == "top") {
            page.top = 10;
            sunObj.left = 0;
        }
    }
}

// mostrar y ocultar los formularios

function showform(){
	formObj.visibility="visible";
}
function hiddeform(){
	formObj.visibility="hidden";
}

function showform2(){
	form2Obj.visibility="visible";
}
function hiddeform2(){
	form2Obj.visibility="hidden";
}

