var filter = "both";

function newAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }

    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}

function share(singles) {

    _gaq.push(['_trackPageview', '/share_singles']);

    var sharecheckbox = document.getElementById('sharecheckbox').checked;
	ajax=newAjax();
	ajax.open("POST", "share_singles.php",true);
	ajax.onreadystatechange=function() {
		if (ajax.readyState==4) {
			//Posted to wall
			//sendRequests(singles);
		}
	}
    if (!sharecheckbox) {
        sharecheckbox=1;
    } else {
        _gaq.push(['_trackPageview', '/no_share_singles_anymore']);
        sharecheckbox=0;
    }
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.send("singles="+singles+"&sharecheckbox="+sharecheckbox);
	hide_overlay();
	return false;
}

function nothanks() {
    var sharecheckbox = document.getElementById('sharecheckbox').checked;
    _gaq.push(['_trackPageview', '/no_share_singles']);
    if (sharecheckbox) {
        _gaq.push(['_trackPageview', '/no_share_singles_anymore']);
        ajax=newAjax();
        ajax.open("POST", "no_share_anymore.php");
        ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        ajax.send();
    }
	hide_overlay();
	return false;
}

function logout() {
	ajax=newAjax();
	ajax.open("GET", "logout.php",true);
	ajax.send(null);
	return false;
}
function hide_overlay() {
    $('#share').fadeOut('slow');
    $('#overlay').fadeOut('slow');
    setHeight();
}

function sendRequests(singles,link) {

    FB.ui({
        method: 'apprequests',
        message: 'Find all singles in your network. I have '+singles+' singles amongst my friends. See them here: '+link,
        data: ''
    }, function(response) {
        _gaq.push(['_trackPageview', '/invite_friends_popup']);
/*
        if (response != null && response.request_ids && response.request_ids.length > 0) {
            for (var i = 0; i < response.request_ids.length; i++) {
                alert("Invited: " + response.request_ids[i]);
            }

        } else {
        }
*/
    });
}

function singlesPhotosPrevPage(container_size,prefix_photos) {
    var page = parseInt(document.getElementById(prefix_photos+'-page').innerHTML);
    if (page <= 0) {
        page=0;
    } else {
        var total = document.getElementById(prefix_photos+'-total').innerHTML;
        page--;
        document.getElementById(prefix_photos+'-next').className='';
        hidePhotos(prefix_photos,singleFriendsAll[prefix_photos]);
        switch (document.getElementById('option_selected').innerHTML) {
            case 'men': showPhotos(prefix_photos,singleFriendsMen[prefix_photos],container_size,page);break;
            case 'women': showPhotos(prefix_photos,singleFriendsWomen[prefix_photos],container_size,page);break;
            default: showPhotos(prefix_photos,singleFriendsAll[prefix_photos],container_size,page);
        }
        if (page == 0) {
            document.getElementById(prefix_photos+'-prev').className='inactivo';
        }
        if (((page+1)*container_size) >= total) {
            document.getElementById(prefix_photos+'-next').className='inactivo';
        }
    }
    document.getElementById(prefix_photos+'-page').innerHTML=page;
    return false;
}

function singlesPhotosNextPage(container_size,prefix_photos) {
    var total = document.getElementById(prefix_photos+'-total').innerHTML;
    var page = parseInt(document.getElementById(prefix_photos+'-page').innerHTML);
	if (((page+1)*container_size) >= total) {
        document.getElementById(prefix_photos+'-next').className='inactivo';
	} else {
        document.getElementById(prefix_photos+'-prev').className='';
        hidePhotos(prefix_photos,singleFriendsAll[prefix_photos]);
        switch (document.getElementById('option_selected').innerHTML) {
            case 'men': showPhotos(prefix_photos,singleFriendsMen[prefix_photos],container_size,page+1);break;
            case 'women': showPhotos(prefix_photos,singleFriendsWomen[prefix_photos],container_size,page+1);break;
            default: showPhotos(prefix_photos,singleFriendsAll[prefix_photos],container_size,page+1);
        }
        page++;
        if (((page+1) * container_size) >= total) {
            document.getElementById(prefix_photos+'-next').className='inactivo';
        }
	}
    document.getElementById(prefix_photos+'-page').innerHTML=page;
	return false;
}

function hidePhotos(prefix_photos,photos_id) {
    for (var i=0;i<photos_id.length;i++) {
        document.getElementById(prefix_photos+'-'+photos_id[i]).style.display='none';
    }
}

function showPhotos(prefix_photos,photos_id,container_size,page) {
    var j = 0;
    var photo_box_limit = (page+1)*container_size;
    if (prefix_photos == "principal") {
        var text_showing = (page*container_size);
        if (photos_id.length>0) {
            text_showing++;
        }
        if (photos_id.length >= photo_box_limit) {
            text_showing = text_showing + '-' + photo_box_limit;
        } else {
            text_showing = text_showing + '-' + photos_id.length;
        }
        document.getElementById('principal-photos-showing').innerHTML=text_showing;
        document.getElementById('principal-photos-total').innerHTML=photos_id.length;
    }

    for (var i=(page*container_size);i<photos_id.length && i<((page+1)*container_size);i++) {
        if (prefix_photos == "principal") {
            j++;
            if (0 < (j % 10) && (j % 10) < 6) {
                document.getElementById('tooltip-'+prefix_photos+'-'+photos_id[i]).className="contenedorBoxDialogo";
                document.getElementById('piquito-'+prefix_photos+'-'+photos_id[i]).className="piquito";
            } else {
                document.getElementById('tooltip-'+prefix_photos+'-'+photos_id[i]).className="contenedorBoxDialogo desdeDerecha";
                document.getElementById('piquito-'+prefix_photos+'-'+photos_id[i]).className="piquito piquito1";
            }
            var img_square = document.getElementById(photos_id[i]+'-img1-hidden').innerHTML;
            $("#principal-"+photos_id[i]+"-img1").attr("src",img_square);
            var img_big = document.getElementById(photos_id[i]+'-img2-hidden').innerHTML;
            $("#principal-"+photos_id[i]+"-img2").attr("src",img_big);

        } else {
            var img_square = document.getElementById(prefix_photos+'-'+photos_id[i]+'-img1-hidden').innerHTML;
            $("#"+prefix_photos+'-'+photos_id[i]+"-img1").attr("src",img_square);
            var img_big    = document.getElementById(prefix_photos+'-'+photos_id[i]+'-img2-hidden').innerHTML;
            $("#"+prefix_photos+'-'+photos_id[i]+"-img2").attr("src",img_big);
        }

        //document.getElementById(prefix_photos+'-'+photos_id[i]).style.display='';
        $('#'+prefix_photos+'-'+photos_id[i]).fadeIn('slow');
    }
    setHeight();
}

function expandOrCollapse(uid) {
    var action = $('#f'+uid).html();
	if (action == "expand") {
		//expandir
        $('#f'+uid+'-photos').fadeIn('slow');
        $('#f'+uid+'-paginador').fadeIn('slow');
        $('#f'+uid+'-expandbutton').fadeOut('fast');
        $('#f'+uid+'-collapsebutton').fadeIn('fast');
        $('#f'+uid).text('collapse');
	} else {
		//colapsar
        $('#f'+uid+'-photos').fadeOut('slow');
        $('#f'+uid+'-paginador').fadeOut('slow');
        $('#f'+uid+'-collapsebutton').fadeOut('fast');
        $('#f'+uid+'-expandbutton').fadeIn('fast');
        $('#f'+uid).text('expand');
	}
    setHeight();
}
function saveFilter(f){
    filter = f;
	ajax=newAjax();
	ajax.open("POST", "save_filter.php",true);
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.send("filter="+filter);
}

function showMen() {
    _gaq.push(['_trackPageview', '/show_only_men']);
    document.getElementById('women_checkbox').checked=false;
    document.getElementById('both_checkbox').checked=false;
    document.getElementById('option_selected').innerHTML='men';
    document.getElementById('principal-page').innerHTML=1;
    document.getElementById('principal-total').innerHTML=singleFriendsMen.principal.length;
    singlesPhotosPrevPage(40,'principal');
    for (var i = 0; i < appUserFriends.length; i++) {
        document.getElementById(appUserFriends[i]+'-page').innerHTML=1;
        document.getElementById(appUserFriends[i]+'-total').innerHTML=singleFriendsMen[appUserFriends[i]].length;
        singlesPhotosPrevPage(15, appUserFriends[i]);
    }
    setHeight();
    saveFilter('men');
}

function showWomen() {
    _gaq.push(['_trackPageview', '/show_only_women']);
    document.getElementById('men_checkbox').checked=false;
    document.getElementById('both_checkbox').checked=false;
    document.getElementById('option_selected').innerHTML='women';
    document.getElementById('principal-page').innerHTML=1;
    document.getElementById('principal-total').innerHTML=singleFriendsWomen.principal.length;
    singlesPhotosPrevPage(40,'principal');
    for (var i = 0; i < appUserFriends.length; i++) {
        document.getElementById(appUserFriends[i]+'-page').innerHTML=1;
        document.getElementById(appUserFriends[i]+'-total').innerHTML=singleFriendsWomen[appUserFriends[i]].length;
        singlesPhotosPrevPage(15, appUserFriends[i]);
    }
    setHeight();
    saveFilter('women');
}

function showBoth() {
    _gaq.push(['_trackPageview', '/show_all']);
    document.getElementById('men_checkbox').checked=false;
    document.getElementById('women_checkbox').checked=false;
    document.getElementById('option_selected').innerHTML='both';
    document.getElementById('principal-page').innerHTML=1;
    document.getElementById('principal-total').innerHTML=singleFriendsAll.principal.length;
    singlesPhotosPrevPage(40,'principal');
    for (var i = 0; i < appUserFriends.length; i++) {
        document.getElementById(appUserFriends[i]+'-page').innerHTML=1;
        document.getElementById(appUserFriends[i]+'-total').innerHTML=singleFriendsAll[appUserFriends[i]].length;
        singlesPhotosPrevPage(15, appUserFriends[i]);
    }
    setHeight();
    saveFilter('both');
}

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
    this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
    return this;
}

function setHeight() {
    if (typeof(FB)==='undefined') {
        setTimeout('setHeight()',500);
    } else {
        FB.Canvas.setSize({height: parseInt($(document).height())});
    }
}
 
$(document).ready(function(){
    $('#loading').css('display','none');
    $('#header').css('display','');
    switch(filter) {
        case 'men': $('#men_checkbox').click();break;
        case 'women': $('#women_checkbox').click();break;
        default: $('both_checkbox').click();break;
    }
    setHeight();
});

var last_tooltip_show = 0;
var not_close = 0;
function showTooltip(tooltip_id) {
    if (last_tooltip_show != 0) {
        $("#"+last_tooltip_show).css('display','none');
    }
    $("#"+tooltip_id).css('display','');
    last_tooltip_show = tooltip_id;
    not_close = 1;
    setHeight();
}

function closeTooltip() {
    if (!not_close) {
        $("#"+last_tooltip_show).css('display','none');
    }
    return false;
}

function closeTooltipDelay() {
    not_close = 0;
    setTimeout('closeTooltip()',2000);
}

function showSendBox(friend,app_id,app_name,app_url) {
    top.location.href='https://www.facebook.com/dialog/send?app_id='+app_id+'&picture='+app_url+'/css/images/app-icono.png&name='+app_name+'&description=Look%20at%20your%20singles%20network.%20You%20can%20contact%20any%20of%20them%20with%20a%20direct%20message,%20or%20let%20the%20network%20grow,%20so%20more%20singles%20will%20get%20to%20know%20each%20other&link='+app_url+'&redirect_uri='+app_url+'&to='+friend;
    return false;
}