//JQuery Tabs
//Author: Andrés Gasteasoro.
//Comparacion de Canales.
 
 $(function(){  
	 var opened = false;
     $("#pCTab").click(function(event) {  
	 
		var fadeTime = 500;

		if( $("#pCTab").is(".pcTabOpen") ) {
		 	$("#pCTab").removeClass('pcTabOpen');
   			$("#pCTab").addClass('pcTabClosed');
		 	$("#tableHeaderEmulation").removeClass('tHEOpen');
   			$("#tableHeaderEmulation").addClass('tHEClosed');
			$("#pCWrap").fadeOut();  
		 }else{
		 	$("#pCTab").removeClass('pcTabClosed');
   			$("#pCTab").addClass('pcTabOpen');
		 	$("#tableHeaderEmulation").removeClass('tHEClosed');
   			$("#tableHeaderEmulation").addClass('tHEOpen');
			
			
			
			$("#pCWrap").fadeIn(fadeTime, function(){
			if(opened == false){
				loadImages("tableWrap");
				opened = true;
			}
												   
			});  
		 }
    	 event.preventDefault();  
 });  
 $("#CompClose a").click(function(event) {  
     event.preventDefault();  
 
	  $("#pCWrap").fadeOut();  
	  
	   $("#pCTab").removeClass('pcTabOpen');
	   $("#pCTab").addClass('pcTabClosed');
		$("#tableHeaderEmulation").removeClass('tHEOpen');
		$("#tableHeaderEmulation").addClass('tHEClosed');
	 

 });  
 }); 

var finishAnimation = true;
function closeTab(itemID, itemAId) {

    if (!finishAnimation) {
        return;
    }

    var slideTime = 300;
    
    $("#" + itemID).fadeOut(slideTime, function() {

        //Si es el Botón 1, 2 o 3
        var removeClass = "";
        var addClass = "";
        if ($("#" + itemAId).is(".pA1open")) {

            removeClass = "pA1open";
            addClass = "pA1";
        } else if ($("#" + itemAId).is(".pA2open")) {
            removeClass = "pA2open";
            addClass = "pA2";
        } else if ($("#" + itemAId).is(".pA3open")) {
            removeClass = "pA3open";
            addClass = "pA3";
        }
        $("#" + itemAId).removeClass(removeClass);
        $("#" + itemAId).addClass(addClass);
    });
}
function openTab(itemID, itemA) {

    //Si no termino la animacion break.
    if (!finishAnimation) {
        return;
    }
    //Si ya esta abierta la tab que clickeo. La cierro.
    if ($("#" + itemA.id).is(".pA1open") || $("#" + itemA.id).is(".pA2open") || $("#" + itemA.id).is(".pA3open")) {
        closeTab(itemID, itemA.id);
        return;
    }

    //ANCHOR
    var itemAID = itemA.id;


    //DIV
    var numberContainerToOpen = itemID.split('-')[1];
    var nameContainerToOpen = itemID.split('-')[0];
    
    var nameContainerToClose = "";
    var itemAnchorToClose = "";

    var nameContainerToClose2 = "";
    var itemAnchorToClose2 = "";


    if (nameContainerToOpen == 'pChannels') {
        itemAnchorToClose = "paDetails-" + numberContainerToOpen;
        nameContainerToClose = "pDetails-" + numberContainerToOpen;
        /*NEW*/
        itemAnchorToClose2 = "paConditions-" + numberContainerToOpen;
        nameContainerToClose2 = "pConditions-" + numberContainerToOpen;


    } else if (nameContainerToOpen == 'pDetails') {
        itemAnchorToClose = "paChannels-" + numberContainerToOpen;
        nameContainerToClose = "pChannels-" + numberContainerToOpen;
        /* NEW */
        itemAnchorToClose2 = "paConditions-" + numberContainerToOpen;
        nameContainerToClose2 = "pConditions-" + numberContainerToOpen;

        /* NEW IF */
    } else if (nameContainerToOpen == 'pConditions') {
        
        itemAnchorToClose = "paChannels-" + numberContainerToOpen;
        nameContainerToClose = "pChannels-" + numberContainerToOpen;
        /* NEW */
        itemAnchorToClose2 = "paDetails-" + numberContainerToOpen;
        nameContainerToClose2 = "pDetails-" + numberContainerToOpen;
    }

    fadeOutFunction(nameContainerToClose, itemAnchorToClose, itemID, itemA.id, nameContainerToClose2, itemAnchorToClose2);
}
function fadeOutFunction(divIDToClose, itemAnchorToClose, divIDToOpen, itemAnchorToOpen, divIDToClose2, itemAnchorToClose2) {
    var fadeTime = 400;


    //alert("nameContainerToClose = " + nameContainerToClose); 
    //alert("nameContainerToClose2 = " + nameContainerToClose2);


    
    //alert("divIDToClose - " + $("#" + divIDToClose).css("display"));

    //alert("divIDToClose2 - " + $("#" + divIDToClose2).css("display"));


    if ($("#" + divIDToClose).css("display") == 'none' && $("#" + divIDToClose2).css("display") == "block") {

        divIDToClose = divIDToClose2;
        itemAnchorToClose = itemAnchorToClose2;

    }


    $("#" + divIDToClose).fadeOut(fadeTime, function () {

        //Si es el Botón 1, 2 o 3
        //Necesito para manejar la class de los botones.
        var removeClass = "";
        var addClass = "";
        if ($("#" + itemAnchorToClose).is(".pA1open")) {

            removeClass = "pA1open";
            addClass = "pA1";

        } else if ($("#" + itemAnchorToClose).is(".pA2open")) {

            removeClass = "pA2open";
            addClass = "pA2";

        } else if ($("#" + itemAnchorToClose).is(".pA3open")) {

            removeClass = "pA3open";
            addClass = "pA3";

        }

        $("#" + itemAnchorToClose).removeClass(removeClass);
        $("#" + itemAnchorToClose).addClass(addClass);



        loadImages(divIDToOpen);


        //Agrego Class a Boton de Fade In.
        if ($("#" + itemAnchorToOpen).is(".pA1")) {

            removeClass = "pA1";
            addClass = "pA1open";
        } else if ($("#" + itemAnchorToOpen).is(".pA2")) {
            removeClass = "pA2";
            addClass = "pA2open";
        } else if ($("#" + itemAnchorToOpen).is(".pA3")) {
            removeClass = "pA3";
            addClass = "pA3open";
        }

        $("#" + itemAnchorToOpen).removeClass(removeClass);
        $("#" + itemAnchorToOpen).addClass(addClass);


        //FadeIn de la siguiente DIV
        $("#" + divIDToOpen).fadeIn(fadeTime, function () {
            finishAnimation = true;
        });
    });

}
function loadImages(divIDToOpen) {
	
	//alert('load IMAGEDS');
    $("#" + divIDToOpen + " img").each(function() {

        var href = $(this).attr("src2");
        $(this).attr({ src: href }); ;
    });

}