var contColum = 0;
var actual = 0;
var pantallaW = screen.width - 20;
var fueraW = ((pantallaW - 1000) / 2) + 10;
var capaArticulosW = 500;
var leftArticulosCentrado = (pantallaW / 2) - (capaArticulosW / 2)
// JavaScript Document

function loadPage() {
	resizeWrap('wrapper');
//	regEvents();
   // regStyles();
}

function loadHelp() {
	resizeWrap('wrapper');
	regEventsHelp();
}

function regEvents() {
    var aImgEst = document.getElementsByClassName("estimg");
 
    var nMostradas = 0;

if (aImgEst.length>5) {
    for (var i= 0;i<aImgEst.length;i++){
        var semiW = (i+1)* 166;

        if (semiW < fueraW){
            aImgEst[i].style.cssText = "filter:alpha(opacity=10); -moz-opacity:0.1;"
            
            
        }
        else if (nMostradas == 6){
            aImgEst[i].style.cssText = "filter:alpha(opacity=10); -moz-opacity:0.1;"
        }
        else{
            aImgEst[i].style.cssText = "";
            nMostradas+=1
        }
        }
                
    }
}

function regStyles() {
    actual=-1;
    var divEstilismo = document.getElementById("divEstilismos");
    var nMostradas = 0;
        
    var aTabla = divEstilismo.getElementsByTagName("table");
        
    if (aTabla != null && aTabla.length == 1 ) {
        var aTr = aTabla[0].getElementsByTagName("tr");
            
        if (aTr != null && aTr.length > 0){
            for (var j=0;j<aTr.length;j++){
                var oTr = aTr[j];
                var aTd = oTr.getElementsByTagName("td");
                    
                if (aTd != null && aTd.length > 0) {
                    for (var i= 0;i<aTd.length;i++){
                        var sArticulos = aArticulos[i].split("_");
                        var semiW = (i+1)* 166;

                        if (semiW < (fueraW )){
                            aTd[i].style.cssText = "filter:alpha(opacity=10); -moz-opacity:0.1;";
                        }
                        else if (nMostradas == 6){
                            aTd[i].style.cssText = "filter:alpha(opacity=10); -moz-opacity:0.1;";
                        }
                        else{
                            aTd[i].style.cssText = "filter:alpha(opacity=100); -moz-opacity:1;";
                            
                            //alert("Ajax --> "+sArticulos[0]+","+sArticulos[1]);
                            AjxCargaArticulos(sArticulos[0],sArticulos[1]);
                            nMostradas+=1
                                
                            if (actual<0){
                                actual=i;
                            }
                        }
                    }
                }
            }
        }
    }
}

function difuminarTodos(capaId) {
    var divEstilismo = document.getElementById("divEstilismos");
    var aTabla = divEstilismo.getElementsByTagName("table");
        
    if (aTabla != null && aTabla.length == 1 ) {
        var aTr = aTabla[0].getElementsByTagName("tr");
            
        if (aTr != null && aTr.length > 0){
            for (var j=0;j<aTr.length;j++){
                var oTr = aTr[j];
                var aTd = oTr.getElementsByTagName("td");
                    
                if (aTd != null && aTd.length > 0) {
                    for (var i= 0;i<aTd.length;i++){
                        var sArticulos = aArticulos[i].split("_");

                        aTd[i].style.cssText = "filter:alpha(opacity=10); -moz-opacity:0.1;";
                        if (sArticulos[0] != capaId){
                            document.getElementById (sArticulos[0]).style.visibility='hidden';
                        }
                    }
                }
            }
        }
    }
}

//function reestablecerFoco() {
//    var divEstilismo = document.getElementById("divEstilismos");
//        
//    var aTabla = divEstilismo.getElementsByTagName("table");
//        
//    if (aTabla != null && aTabla.length == 1 ) {
//        var aTr = aTabla[0].getElementsByTagName("tr");
//            
//        if (aTr != null && aTr.length > 0){
//            for (var j=0;j<aTr.length;j++){
//                var oTr = aTr[j];
//                var aTd = oTr.getElementsByTagName("td");
//                    
//                if (aTd != null && aTd.length > 0) {
//                    for (var i= 0;i<aTd.length;i++){
//                        var sArticulos = aArticulos[i].split("_");
//                        
//                        if (i >= actual && i<=(actual+5)){
//                            aTd[i].style.cssText = "filter:alpha(opacity=100); -moz-opacity:1;";
//                        }
//                        else{
//                            aTd[i].style.cssText = "filter:alpha(opacity=10); -moz-opacity:0.1;";
//                        }
//                        
//                        document.getElementById (sArticulos[0]).style.visibility='hidden';
//                    }
//                }
//            }
//        }
//    }
//}

function showMenu(i) {
	return function() {
		var articles = document.getElementsByClassName("article");
		
		for (var j = 0;j < articles.length;j++){
		    if (j != i){
		        articles[j].style.display = "none";
		    }
		}
		
		if(articles[i].className.indexOf("hidden")== -1) {
		    if (articles[i].style.display == "none"){
			    Effect.SlideFromLeft(articles[i], {   
				duration: 2
			    });
			}
			else{
			    articles[i].style.display = "none"
			}
		}
		return false;
	}
}

function showMenuFeature(i) {
	return function() {
		var features = document.getElementsByClassName("feature");
		if(features[i].className.indexOf("hidden")== -1) {
			Effect.SlideFromLeft(features[i], { 
				duration: 2 
			});
			
			
		}
		return false;
	}
}

function hiddenMenu(i) {
	return function() {
		var articles = document.getElementsByClassName("article");
		if(articles[i].className.indexOf("hidden")== -1) {
			Effect.SlideToLeft(articles[i], { 
				duration: 2
			});
		}
		return false;
	}
}

function hiddenMenuFeature(i) {
	return function() {
		var features = document.getElementsByClassName("feature");
		if(features[i].className.indexOf("hidden")== -1) {
			Effect.SlideToLeft(features[i], { 
				duration: 2
			});
		}
		return false;
	}
}


function regEventsHelp() {
		var atoopen = document.getElementsByClassName("open");
		for(var i = atoopen.length - 1; i >= 0; i--) {
			atoopen[i].onclick = showText(i);
		}
		var atoclose = document.getElementsByClassName("close");
		for(var i = atoclose.length - 1; i >= 0; i--) {
			atoclose[i].onclick = hiddenText(i);
		}
}

function showText(i) {
	return function() {
		var answers = document.getElementsByClassName("answer");
		var answerstext = document.getElementsByClassName("answertext");
		for(var j = answerstext.length - 1; j >= 0; j--) {
			answerstext[j].style.display="none";
		}
		for(var j = answers.length - 1; j >= 0; j--) {
			answers[j].style.display="none";
		}
		if(answers[i].className.indexOf("hidden")== -1) {
			Effect.SlideFromLeft(answers[i], {   
				duration: 1
			});
		}
		Effect.Appear(answerstext[i], {   
				duration: 8
		});
		return false;
	}
}


function hiddenText(i) {
	return function() {
		var answers = document.getElementsByClassName("answer");
		var answerstext = document.getElementsByClassName("answertext");
		if(answers[i].className.indexOf("hidden")== -1) {
			Effect.SlideToLeft(answers[i], { 
				duration: 1
			});
		answerstext[i].style.display="none";
		}
		return false;
	}
}
/*USER MENU MI ZONA*/

function loadPageMyZone() {
	resizeWrap('wrapper');
	regEventsMenu();
}

function regEventsMenu() {
		var btns = document.getElementsByClassName("minimaxi");
		for(var i = btns.length - 1; i >= 0; i--) {
			btns[i].onclick = showMenuZone(i);
		}
}

/*USER MENU MI ZONA*/

function loadPageMyZone() {
	resizeWrap('wrapper');
	regEventsMenu();
}

function regEventsMenu() {
		var btns = document.getElementsByClassName("minimaxi");
		for(var i = btns.length - 1; i >= 0; i--) {
			btns[i].onclick = showMenuZone(i);
		}
}

function showMenuZone(i) {
	return function() {
		var btns = document.getElementsByClassName("minimaxi");
		var faqs = document.getElementsByClassName("menuList");
		var showMenu = document.getElementsByClassName("maxi");
		var hideMenu = document.getElementsByClassName("mini");
		
		for(var x = hideMenu.length - 1; x >= 0; x--) {
			if(hideMenu[x].className.indexOf("hidden") == -1) {
				var mostrar=x;
				Effect.BlindUp(faqs[x], { 
					duration: 1, 
					afterFinish: function() {
						showMenu[mostrar].removeClassName("hidden");
						hideMenu[mostrar].addClassName("hidden");
					}
				});
			}
		}
		
		if(hideMenu[i].className.indexOf("hidden") == -1) {
			Effect.BlindUp(faqs[i], { 
				duration: 1, 
				afterFinish: function() {
					showMenu[i].removeClassName("hidden");
					hideMenu[i].addClassName("hidden");
				}
			});
		}
		else {
			Effect.BlindDown(faqs[i], { 
				duration: 1, 
				afterFinish: function() {
					showMenu[i].addClassName("hidden");
					hideMenu[i].removeClassName("hidden");
				}
			});
		}
		return false;
	}
}

/*FUNCION PARA EL RANDOM DEL INDEX*/

function aleatorio(inferior,superior){
    numPosibilidades = superior - inferior;
    aleat = Math.random() * numPosibilidades;
    aleat = Math.floor(aleat);
    return parseInt(inferior) + aleat;
} 

function imgRandom(){
	rd=aleatorio(0,8);
	switch(rd)
	{
	case 0:
		imgsrc="img/homeimg.jpg";
		imglink="window.parent.frames[0].document.getElementById('el_3').onclick();window.parent.frames[0].document.getElementById('hmeni1').onclick();";
	break;
	case 1:
		imgsrc="img/homeimg1.jpg";
		imglink="window.parent.frames[0].document.getElementById('el_2').onclick();window.parent.frames[0].document.getElementById('hmeni1').onclick();";
	break;
	case 2:
		imgsrc="img/ADHombre_Home.jpg";
		imglink="window.parent.frames[0].document.getElementById('el_1').onclick();window.parent.frames[0].document.getElementById('hmeni1').onclick();";
	break;
	case 3:
		imgsrc="img/ADKids_Home.jpg";
		imglink="window.parent.frames[0].document.getElementById('nino_1').onclick();window.parent.frames[0].document.getElementById('hmeni3').onclick();";
	break;
	case 4:
		imgsrc="img/ADMujer_Home.jpg";
		imglink="window.parent.frames[0].document.getElementById('ella_1').onclick();window.parent.frames[0].document.getElementById('hmeni2').onclick();";
	break;
	case 5:
		imgsrc="img/ADPlus_Home.jpg";
		imglink="window.parent.frames[0].document.getElementById('ella_5').onclick();window.parent.frames[0].document.getElementById('hmeni2').onclick();";
	break;
	case 6:
		imgsrc="img/UPlus_Home.jpg";
		imglink="window.parent.frames[0].document.getElementById('ella_6').onclick();window.parent.frames[0].document.getElementById('hmeni2').onclick();";
	break;
	case 7:
		imgsrc="img/nuevatemp.jpg";
		imglink="";
	break;
	}
	document.getElementById("imgcontentRD").src=imgsrc;
	document.getElementById("imgcontentLink").setAttribute("onclick", imglink);
}

/*LANZAR VIDEO EN LA HOME*/

function lanzarVideo(player){
	for(var i = 4; i > 0; i--){
		document.getElementById('player'+i).style.display='none';	
		}
	document.getElementById('imgopacity').style.display='block';
	document.getElementById('imgdisvideos').style.display='none';
	document.getElementById(player).style.display='block';	
}

function videos(player){
	for(var i = 10; i > 0; i--){
	    document.getElementById('videos' + i).style.display = 'none';
	    try {
	        eval("videoPlayer_" + i + ".stop();");
	    }
	    catch (err) { }
	}
	document.getElementById('videos' + player).style.display = 'block';
	eval("videoPlayer_" + player + ".play();");
}

function ocultar(numVideo){

	switch(numVideo)
	{
	case 1:
	    document.getElementById('anteriorVideo').style.display='none';
	    document.getElementById('barraSep').style.display='none';
	    document.getElementById('siguienteVideo').style.display='block';
	break;
	case 4:
	    document.getElementById('anteriorVideo').style.display='block';
	    document.getElementById('barraSep').style.display='none';
	    document.getElementById('siguienteVideo').style.display='none';
	break;
	default:
	    document.getElementById('anteriorVideo').style.display='block';
	    document.getElementById('barraSep').style.display='block';
	    document.getElementById('siguienteVideo').style.display='block';
	break;
	}
}
