//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 o 2
        var removeClass = "";
        var addClass = "";
        if ($("#" + itemAId).is(".pA1open")) {

            removeClass = "pA1open";
            addClass = "pA1";
        } else if ($("#" + itemAId).is(".pA2open")) {
            removeClass = "pA2open";
            addClass = "pA2";
        }
        $("#" + 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")) {
        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 = "";


    if (nameContainerToOpen == 'pChannels') {
        itemAnchorToClose = "paDetails-" + numberContainerToOpen;
        nameContainerToClose = "pDetails-" + numberContainerToOpen;
    } else {
        itemAnchorToClose = "paChannels-" + numberContainerToOpen;
        nameContainerToClose = "pChannels-" + numberContainerToOpen;
    }

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

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

        //Si es el Botón 1 o 2
        //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";
        }
        //Remuevo Class a Boton de FadeOut.
        $("#" + 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";
        }

        $("#" + 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 }); ;
    });

}